Badges

Pill badge

Good for highlighting piece of information.

  • Normal
  • Purple
  • Grey
  • Negative
  • Orange
  • Custom hue
  • Normal
  • Purple
  • Grey
  • Negative
  • Orange
  • Custom hue

Interactive

When used on a button or a.

Status badge

Good for strings such as "Enabled", "Disabled", etc.

  • Normal
  • Negative