Divider

divider

Divider will be used to separate content vertically or horizontally

divider docs

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 and can have one of each direction/color/placement class names
• Omit text for a blank divider