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
API#WIP
| 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). |