Badge

When To Use

Use badges to highlight status, categories, or labels in your interface. They're useful for:

• Indicating status (active, pending, etc.)
• Showing counts (notifications, messages, etc.)
• Categorizing content (tags, labels)
• Drawing attention to new or updated items
• Indicating required or optional fields

Badges help users quickly identify status information and can improve the scannability of content.

Examples

Props