Surfaces
Separator
A hairline, or a stippled rule two pixels thick.
StreetStudio
InkPaperLamp
npx shadcn@latest add https://ui.netm8.com/r/separator.json@base-ui/react
Surfaces
A hairline, or a stippled rule two pixels thick.
npx shadcn@latest add https://ui.netm8.com/r/separator.jsonimport { Separator } from "@/components/ui/separator"
export default function SeparatorDemo() {
return (
<div className="grid w-64 gap-4 text-sm">
<span>Street</span>
<Separator />
<span>Studio</span>
<Separator stippled />
<div className="flex h-5 items-center gap-4 text-dim">
<span>Ink</span>
<Separator orientation="vertical" />
<span>Paper</span>
<Separator orientation="vertical" stippled />
<span>Lamp</span>
</div>
</div>
)
}