Separator
A visual line that separates content, built on top of Base UI.
Installation
$ npx shadcn@latest add "/r/separator.json"
Usage
Horizontal
The default orientation of the separator is horizontal.
Library
An open-source UI component library.
Blog
Docs
Source
Vertical
Use the orientation prop to set the separator to vertical.
Blog
Docs
Source
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | The orientation of the separator. |
| className | string | - | Additional CSS classes to apply to the separator. |