Separator
A real <hr>. Browsers already expose it to assistive tech as role="separator", a horizontal rule is exactly what a divider is. orientation="vertical" repaints it without changing what it means.
Above the rule.
Below the rule.
Left
Right
Right
Playground
Toggle every adjustable prop and watch the component — and the code — update live.
Before
After
After
Unstyled
Same component — Kernel look stripped. See Platforms.
orientation
Usage
<Separator /><kernel-separator></kernel-separator>Props
| Prop | Type | Default |
|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" |