Separator

A one-pixel rule between groups of content, horizontal or vertical. Decorative by default, so screen readers skip it.

tsx

1import { Separator } from "@pestoui/core"

Horizontal and vertical

A vertical separator stretches to its row, so the row needs a height — here h-5.

Weekly report

Sent every Monday at 09:00.

Agents

Runs

Settings

Prop	Type	Default	Description
orientation	"horizontal" \| "vertical"	"horizontal"	A full-width 1px line, or a 1px column that stretches to its flex row.
decorative	boolean	true	When true the rule is hidden from assistive tech. Set false where it marks a real boundary and it is exposed with the separator role.
className	string	—	Merged onto the rule — a margin, or a different border colour.

Pesto UI · 117 documented components