Separate content horizontally or vertically

At a glanceCopy Anchor Link

• Who: Developers dividing stacked or inline content.
• What: Accessible horizontal/vertical divider lines.
• Use when: Between sections, menu groups, or inline items.
• Avoid when: For spacing alone — use Stack gap instead.
• See also: Stack content and group titled sections

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Separator } from "@zedtech/zedkit-ui";
<Separator />
<Separator orientation="vertical" className="h-6" />

Wraps: @radix-ui/react-separator