Separator & Divider
Live example
Separator & Divider
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/separator.jsonAPI reference
These are the main Separator & Divider options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
orientation | horizontal | vertical | horizontal |
children | ReactNode (Divider) | — |
Separation
Use orientation to match the surrounding layout. Separators divide content; they do not provide headings. Divider supports a short visible label between sections.