Divider

The Divider component is used to display a styled horizontal line to separate content sections.

Import

To use the Divider component, you need to import it from the @ef-global/backpack package:

import { Divider } from '@ef-global/backpack/Divider';

<Divider />

Prop	Type	Description
`color`	`string`	Custom color for the divider.
`inverse`	`boolean`	If true, sets the inverse color theme for the divider.
`style`	`CSSProperties`	Inline styles for the divider.
`className`	`string`	Custom classname to apply additional CSS styles to divider.

Here are some examples of how to use the Divider component:

<Divider />

<Divider color="pink" />

<Divider inverse={true} />

<Divider
  style={{
    margin: '40px 20px',
    boxShadow: '0 0 10px 10px purple',
    '--color-divider': 'yellow',
  }}
/>

<Divider className="my-class" />