N
neokit

Divider

Horizontal or vertical divider line with optional label text. Wraps a <div class="divider">.

Default

No props — a plain horizontal divider line, no text.

Plain divider

Content above

Content below

With text

Place text in the default slot to label the divider.

Divider with label text

Section one

OR

Section two

Colors

All eight semantic color tokens.

All color tokens
neutral
primary
secondary
accent
info
success
warning
error

Label position

start pins the label to the left, end pins it to the right.

Start / center / end
Start
Center (default)
End

Vertical

Add vertical prop for a column-direction divider. Useful inside flex rows.

Vertical divider in a flex row
Left
Right
Vertical with label
Before
|
After