Badges

Default, light, dark, outline, icon, and custom badges for status chips.

Basics

Default & light badges

Neutral

Default Info Success Warning Error Sky

Contrast

Dark badges

Bold

Dark Indigo Emerald Amber Rose

Outline

Bordered badges

Minimal

Outline Indigo Outline Success Outline Warning Outline Danger Outline Slate

Icons

Badges with icons

Visual

Verified Synced Pending Issue Travel

Shapes

Pill & squared

Mix

Pill Indigo Square Success Square Warning Pill Danger Square Neutral

Gradients

Gradient badges

Glow

Indigo-Sky Emerald-Lime Amber-Orange Rose-Pink Slate Dark

Counters

Badges with counts

Numbers

Inbox 12 Tasks 7 Alerts 3 Likes 54

Chips

Interactive chips

Removable