Divider

Dividers separate content into clear sections. They come in three weights and support an optional centered label.

Weight

Visual weight is a combination of border color and thickness.

Subtle uses --color-border at 1px with 50% opacity.

Default uses --color-border at 1px.

Strong uses --color-border-strong at 2px.

Labeled

Add a label to display centered text between two lines. Useful for separating form sections or grouping options.

Usage

Use weight to control visual prominence. Add a label to display centered text between two lines. Weight defaults to default if not specified.