Theme:
Divider
Dividers separate content sections. They can be horizontal or vertical, plain or with inline text, and support color variants.
Horizontal Divider
First section content
Second section content
<div class="dui-divider"></div>
Divider with Text
Sign in with email
OR
Continue with social login
<div class="dui-divider">OR</div>
Vertical Divider
Left
OR
Right
<div style="display: flex; height: 8rem; align-items: center;">
<span>Left</span>
<div class="dui-divider dui-divider-vertical">OR</div>
<span>Right</span>
</div>
Colors
Primary
Secondary
Accent
Neutral
<div class="dui-divider dui-divider-primary">Primary</div>
<div class="dui-divider dui-divider-secondary">Secondary</div>
<div class="dui-divider dui-divider-accent">Accent</div>