Separator

Thin divider. Horizontal by default; pass orientation="vertical" for a vertical rule.

Horizontal

Section one

Section two

<div className="w-64 space-y-3">
  <div>Section one</div>
  <Separator />
  <div>Section two</div>
</div>

Vertical

Blog

Docs

Source

<div className="flex h-6 items-center gap-3">
  <span>Blog</span>
  <Separator orientation="vertical" />
  <span>Docs</span>
  <Separator orientation="vertical" />
  <span>Source</span>
</div>

Source

packages/react/src/components/separator.tsx