Badges

Badges are small status descriptors used to highlight item properties or counts.

Simple Badges

Used for basic categorization.

Standard Badges

Default Primary

<span class="Badge">Default</span>
<span class="Badge Badge--primary">Primary</span>

Used to indicate the state of an item.

Status Badges

Success Warning Error

<span class="Badge Badge--success">Success</span>