Components
Divider
One hairline, in two orientations.
Above the line
Below the line
LeftMiddleRight
Installation
npx shadcn@latest add https://ui.whoisroktim.lol/r/divider.jsonIt is decorative
The divider is hidden from assistive tech. A separator announced between every
pair of rows is noise, and grouping that carries real meaning should be a list,
a heading or a fieldset — not a line.
Vertical dividers self-stretch, so they take the height of whatever row they
are in rather than needing one set on them.
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Horizontal fills the width; vertical stretches to the row. |