Divider

Interactive

See Divider in Storybook for every variant, with live controls.

A rule between sections. Horizontal, vertical, or horizontal with a centred label.

import { Divider } from "@kairosis/eidos";

<Divider />
<Divider label="Advanced" />
<Divider vertical />

Props

Prop	Type	Default	Description
label	string	—	Uppercase mono label centred on the rule. Horizontal only
vertical	boolean	false	A vertical rule for toolbars
spacing	number	16	Margin along the divider's axis, px

Guidelines

• The plain horizontal form is a real <hr>; the labelled form is a role="separator".
• Vertical dividers are aria-hidden and stretch to the parent's height — they need a flex parent with a height to stretch to.
• label is uppercase mono, matching MetaLabel. Keep it to one word.
• Don't reach for a divider where spacing would do. Borders define structure in Eidos; extra rules add noise.