Badge
Badges highlight status, counts, or labels in a compact visual form.
Variants
DefaultNeutralPrimarySecondaryAccentInfoSuccessWarningErrorGhost
Outline
DefaultPrimarySecondaryAccentSuccessWarningError
Sizes
XSSMMDLG
In Buttons
Empty (Dot)
Usage
<span class="bos:dui-badge bos:dui-badge-primary">Primary</span>
<span class="bos:dui-badge bos:dui-badge-outline bos:dui-badge-success">Active</span>