Dividers
Horizontal or vertical rules for sectioning your content.
import { Divider } from '@brainandbones/skeleton';Usage
<Divider />Vertical
<Divider vertical={true} borderWidth="border-l" />Properties
| Prop | Type | Default | Values | Description |
|---|---|---|---|---|
| vertical | boolean | false | true | false | When enabled, sets the width to zero and height to full. |
| borderWidth | string | border-t | class | Provide classes to set the border width. |
| borderStyle | string | border-solid | class | Provide classes to set the border style. |
| borderColor | string | border-surface-300 dark:border-surface-700 | class | Provide classes to set the border color. |
| margin | string | m-0 | class | Provide classes to set the margin. |
| opacity | string | opacity-full | class | Provide classes to set opacity. |
Accessibility
Uses a horizontal rule hr tag, which has an inherent
role="separator".