Badge

Badges aid in labeling, categorizing, or organizing items by utilizing keywords or topics that provide descriptions for them.

Overview

Badges can be utilized to display notification counts, distinguish between states or statuses, and indicate countries, among other purposes.

Recommended Usage:

✅ 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.

Usage to Avoid

❌ 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.