Divider

A thin horizontal rule for separating sections of content. Uses color-mix(currentColor) so it adapts to any background without tokens or variants.

Example

Section one content

Section two content

In context

Typically used inside a Stack to separate groups of related items.

Primary action

Performs the main operation in the current context.

Secondary action

An alternative path with lower visual priority.

Destructive action

Cannot be undone. Separated to reduce accidental activation.