Surfaces

Separator

A thin divider for grouping content.

Horizontal divider

Separates content with a thin token-colored line.

Profile

Billing

Sign out

import { Separator } from "@/components/ui";

<div className="flex flex-col gap-3 text-sm">
  <span>Profile</span>
  <Separator />
  <span>Billing</span>
  <Separator />
  <span className="text-muted">Sign out</span>
</div>