1. Components
  2. Badge

Badge

Small label for counts or status indicators.

Demo

BadgeBadgeBadgeBadgeBadge

Installation

terminal

Variants

Outline

Badge GrayBadge NeutralBadge PrimaryBadge SecondaryBadge WarningBadge destructiveBadge InfoBadge Success

Soft

Badge GrayBadge NeutralBadge PrimaryBadge SecondaryBadge WarningBadge destructiveBadge InfoBadge Success

Subtle

Badge GrayBadge NeutralBadge PrimaryBadge SecondaryBadge WarningBadge destructiveBadge InfoBadge Success

With icon

12%50%You're reaching out your limit
Prev
Callout

Highlight important information with icon, title, and copy.

Next
On this page