Small capsule labels for a status or a count.

When to use

  • Statuses in rows: Paid, Pending, Cancelled.
  • Counts on a control.

Best practices

  • Status colours follow their meaning: green for success, orange for warning, red for destructive, blue for information, gray for neutral.
  • The word carries the meaning too, never colour alone.

Avoid

Long text or actions. A badge is a label, not a button.