Primitive

Divider

Hairline separator with optional mono label.

Dividers separate dense groups without adding surface weight. Prefer labels only when the section name materially helps scanning.
layout
DOM renderImage render
DividerDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Unlabeled rule.
Render state

Label

Labeled section separator.
Signals
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
labelReactNode-Optional mono caps label centered in the rule.