Separator

A hairline between groups of content, horizontal or vertical.

Components for every Zynactra product.

Docs

Themes

Changelog

Usage

import { Separator } from "@zynactra/ui/separator"

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

Reach for spacing first. Add a separator only when spacing alone doesn't read as a break.
It's always border-border. Never a gradient: the brand rule is reserved for the page's top edge.
A vertical separator needs a parent with a fixed height (h-5).

Behaviour and props come from Base UI. See the Base UI Separator docs.

Select

Pick one option from a short list.

Sheet

A panel that slides in from an edge, for editing a record without leaving the list behind it.