Separator
A divider between content. Horizontal by default; add a label for an "OR"-style break, or set vertical for side-by-side groups.
Examples
Horizontal
Above Below
Show code
<Separator />Labeled
OR
Show code
<Separator label="OR" />Vertical
Left Right
Show code
<Separator orientation="vertical" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | Direction of the divider. |
label | string | — | Optional centered text with a line on each side (horizontal). |
A vertical separator stretches to its container's height, so place it in a flex row with a set height.