Badge

Creates a small inline label for status, count, or metadata.

<span class="c-badge">
	21
</span>

Modifiers

Outline

Applies a border around the badge and removes the background color.

<span class="c-badge c-badge--outline">
	21
</span>

Square

Applies a smaller border radius, making it more square-shaped.

<span class="c-badge c-badge--square">
	21
</span>