Badge & Pill

The Badge and Pill components are labels with a background color.
Edit page
Badge
Used for state and text, not numbers.
Neutral
Green
orange
red
blue
Copy component
When to use what badge
beta
Success
Warning
Danger
new
Pill
Used only for numbers.
10
100K
2
Copy component

Badge & Pill

The Badge and Pill components are labels with a background color.
Edit page
Badge
Used for state and text, not numbers.
Neutral
Green
orange
red
blue
Copy component
When to use what badge
beta
Success
Warning
Danger
new
Pill
Used only for numbers.
10
100K
2
Copy component
Design

Badge & Pill

The Badge and Pill components are labels with a background color.
Edit page
Badge
Used for state and text, not numbers.
Neutral
Green
orange
red
blue
Copy component
When to use what badge
beta
Success
Warning
Danger
new
Pill
Used only for numbers.
10
100K
2
Copy component