Badge Components

Default Badges

Default Dark Red Green Yellow Indigo Purple Pink

Large Badges

Default Dark Red Green Yellow Indigo Purple Pink

Bordered Badges

Default Dark Red Green Yellow Indigo Purple Pink

Pills Badges

Default Dark Red Green Yellow Indigo Purple Pink

Link Badges

Default Dark Red Green Yellow Indigo Purple Pink

Icon Badges

User Success Error Warning Info

Notification Badges

Dismissible Badges

Default Dark Red Green Yellow

Badge Sizes

Extra Small Small Base Large Extra Large

Badge with Dot

Online Active Offline Away Busy

Badge Use Cases

Status Badges

Published Draft Archived Pending

Category Badges

Technology Design Business Marketing

Priority Badges

High Priority Medium Priority Low Priority

Interactive Badge Demo