Separator
A themed divider for grouping nearby content.
Channel settings
Actions
Visibility actions
import { Separator } from "raft-ui";
<Separator />Use horizontal separators between stacked groups. Use vertical separators only inside a row with a stable height.
Channel settings
Actions
Visibility actions
Filters
Sort
orientationdefault: "horizontal""horizontal" | "vertical"
Separator direction. Vertical separators stretch to the parent height.
childrenReactNode
Optional centered content for horizontal separators, such as text, icons, or compact metadata.
...propsBase UI Separator.Props
Base UI separator attributes (className for spacing or rare visual overrides).
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | Separator direction. Vertical separators stretch to the parent height. |
children | ReactNode | — | Optional centered content for horizontal separators, such as text, icons, or compact metadata. |
...props | Base UI Separator.Props | — | Base UI separator attributes (className for spacing or rare visual overrides). |