Badge
Overview
Displays a small inline label for status, count, or metadata.
html
<span class="c-badge">
Badge
</span>Modifiers
Shape
| Name | Description |
|---|---|
c-badge--square | Applies a small border radius. |
html
<span class="c-badge c-badge--square">
Square
</span>Notes
Colors
You can change the color using a color utility or custom class.
html
<span class="c-badge u-color-primary">
Badge
</span>