Separator
Horizontal or vertical line to divide content sections.
Example
Content above
Content below
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | No | Line direction |
decorative | boolean | false | No | When true, hides from screen readers |
Accessibility
- role="separator" with aria-orientation
- aria-hidden when decorative
Related Tokens
--separator-color--separator-width