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%