Data display

Divider

A rule separating groups of content, horizontally or vertically.

Importimport { Divider } from "@/components/ui/Divider";
Sourcesrc/components/ui/Divider

Note the default is vertical, not horizontal — the common case in this app is separating toolbar controls. Pass orientation="horizontal" for a rule between stacked sections.

Orientations

LeftRight

Props

Divider

PropTypeDefaultDescription
orientation"horizontal" | "vertical""vertical"Note the default — vertical, not horizontal.