Divider

Use a divider to separate content vertically or horizontally.

Divider documentation

Class names

• component: divider
• color: divider-neutral, divider-primary, divider-secondary, divider-accent, divider-success, divider-warning, divider-info, divider-error
• direction: divider-vertical, divider-horizontal
• placement: divider-start, divider-end

Syntax

<div class="divider {MODIFIER}">{text}</div>

Rules

• {MODIFIER} is optional. It can include one class name from each direction, color, and placement category.
• For a blank divider, do not add text.