Badges

Badges used to communicate status, notification count, or attribute labels. These are typically a circular or pill-shaped element with a number or short text, often overlaid on an icon or interface element. Badges are commonly used to draw attention to updates, or to signal unread messages or notifications.

Badges can also be used to categorize items by labeling them with status or characteristic indicators. By conveying critical information at a glance, the Badges component improves navigation, drives user engagement, and enhances the overall usability of an application or website.

Badges

in Design Systems