UI / Components / foundations / Separator

Separator

Themed horizontal or vertical divider.

Hairline divider. Horizontal (default) or vertical. Picks up the theme's border color so it disappears into your palette automatically.

$npx dock-ui add separator

Usage

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

<Separator />
<Separator orientation="vertical" />

Install

via CLI
$ npx dock-ui add separator
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/separator.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →