React

Import the Divider component from @tmedxp/react-components.

Properties

Prop	Type	Description	Optional
orientation	Orientation	Defines the divider orientation: 'horizontal' | 'vertical', 'horizontal' by default	✅
variant	Variant	Defines the layout variant: 'is-primary' | 'on-contrast'. If not set, defaults to muted color.	✅
testid	string	Defines the test id attribute value	✅
as	ValidHTMLTags	Defines the html tag to use: 'hr' | 'div', 'div' by default	✅
className	ClassValue	Custom class names applied to the divider element	✅

Example

import { Divider } from '@tmedxp/react-components';

const DividerExample = () => {
  return (
    <Divider
      orientation="vertical"
      variant="is-primary"
      className="custom-divider"
    />
  );
};

export { DividerExample };