Badge & Pill

The Badge and Pill components are labels with a background color.

DetailsProperties

Usage

  • Badge: used for state and text, not for numbers.
  • Pill: used only for numbers.


Badge

neutralgreenblueredorangepurpleyellowteal

When to use what badge

Success
Operational, available, done, approved, added
Removed
Errors, declined, failed, removed, critical
In progress
In progress, open, modified
Trial
Trial, new, information, help
Moved
Busy, blocked, missing, warning
Beta
Beta tag

Pill

024