Badges
45
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.
Looking into how the
Badges
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%
Looking into how the
Badges
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%
Looking into how the
Badges
component works?
Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work
System health
Ownership


Tokens
Components
design-to-code
98%