Badge

Badges are used to help to label, categorize, or organize items using keywords or topics that describe them.

Use cases

✅ Use badges to indicate notification counts or to draw attention to specific details that require user attention or action.

✅ Utilize badges when content can have multiple states or categories, and the user requires a way to differentiate between them.

✅ Single or multiple badges may be used simultaneously to categorize content when necessary.

Not to use cases

❌ Don't use badges to represent filtering options, controls, or endpoints on the system, such as users, devices, numbers, etc.

❌ Badges should not be utilized as interactive elements, as they cannot be clicked, focused, or edited. Their function is purely presentational.