Components
Badge
componentlabelstatusnotificationtag
A compact label element used for status, categorization, or counts.
When to use
- Notification counts on nav icons
- Status indicators (Active, Pending, Archived)
- Tag/category labels on cards or list items
Examples
- Unread count (3) on a messages icon
- 'New' badge on a recently launched feature
See this in the wild
Analyze a site and look for badge in the breakdown.
