Separator
A visual divider for separating content sections.
Columbus
Accessible components for product UI.
BlogDocsSource
Installation
pnpm dlx shadcn@latest add @columbus/separatorUsage
import { Separator } from "@/components/ui/separator";
<Separator />;Vertical
A vertical separator stretches to the height of its flex parent. Give it a
height class, like h-4, to set it yourself.
Requests
12,480
Errors
12
Latency
84 ms
Accessibility
Separator has role="separator" and the right aria-orientation. If the line
is only decorative, render a plain element with a border instead.
API reference
Also accepts every Base UI Separator prop.
Prop
Type