014
Separator
DisplaySign in with email
Continue with GitHub
Continue with GitHub
Customize
Direction
Label
Code
<Separator />
Install
npx shadcn@latest add https://components.haedong.dev/r/separator.json
Props
Renders an <hr> when horizontal and unlabeled, otherwise a div with role="separator". Extends the native props of that element.
| Prop | Type | Description |
|---|---|---|
| orientation | "horizontal" | "vertical" | Vertical rules stretch to their flex row. Defaults to "horizontal". |
| children | ReactNode | Optional muted uppercase label set into a horizontal rule. |
| className | string | Extra classes for the rule. |