Badge Variants

Badges for status indication with different semantic colors.

Default Primary Success Warning Error Muted

Badge Sizes

Two sizes available for different contexts.

Small Medium

Tags

Interactive tags for categorization and filtering.

Default Tag Another Tag Category
Basic tags
interactive - hover effects
Removable With Close
removable - shows close button

Tag Sizes

Tags also come in small and medium sizes.

Small Tag Medium Tag

Use Cases

Status Indicators

Active Pending Inactive

Content Categories

Design Development UX

Counts & Numbers

12 99+

Filter Selection