Component
Separator
Horizontal or vertical 1px hairline divider. Semantic <hr /> element styled to --color-border.
Horizontal
Section A
Section B
tsx
<Separator />Vertical
LandscapeSportsPortraits
tsx
<Separator orientation="vertical" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Direction of the divider. |
| decorative | boolean | true | If false, adds role="separator" for screen readers. |
| className | string | — | Additional Tailwind classes. |