Badge
Badges highlight status, counts, or labels in a compact visual form.
Variants
Default Neutral Primary Secondary Accent Info Success Warning Error Ghost
Outline
Default Primary Secondary Accent Success Warning Error
Sizes
XS SM MD LG
In Buttons
Empty (Dot)
Usage
<span class="sa:dui-badge sa:dui-badge-primary">Primary</span>
<span class="sa:dui-badge sa:dui-badge-outline sa:dui-badge-success">Active</span>