Separator
Visual divider between content.
Import
tsx
import { Separator } from "@cooud-ui/ui";
bash
npx cooud-ui add separator
Visual divider between content.
import { Separator } from "@cooud-ui/ui";
npx cooud-ui add separator
On this page
A divider that adapts to either orientation.
<div className="flex flex-col gap-3"><span className="text-sm text-fg-secondary">Section A</span><Separator /><span className="text-sm text-fg-secondary">Section B</span><div className="flex h-10 items-center gap-3 text-sm text-fg-secondary"><span>Docs</span><Separator orientation="vertical" /><span>API</span><Separator orientation="vertical" /><span>Blog</span></div></div>