Badge

Small labels and count indicators for status, notifications, and tags.

Basic Badges

Color variants for different contexts

Primary Secondary Success Danger Warning Info

<span class="antsand-badge antsand-badge-primary">Primary</span>
<span class="antsand-badge antsand-badge-success">Success</span>
<span class="antsand-badge antsand-badge-danger">Danger</span>

Pill Badges

Rounded pill-shaped badges

New Active 5

<span class="antsand-badge antsand-badge-primary antsand-badge-pill">New</span>

Outline Badges

Bordered outline style

Outline Outline Outline

<span class="antsand-badge antsand-badge-outline-primary">Outline</span>