Badge

Examples and usage guidelines for the Badge component.

Badges

Small count and labeling components.

Primary Secondary Success Danger Warning

Primary Pill Secondary Pill

Show Code

<!-- Standard Badges -->
<span class="badge text-bg-primary">Primary</span>
<span class="badge text-bg-success">Success</span>

<!-- Pill Badges -->
<span class="badge rounded-pill text-bg-primary">Primary Pill</span>