Badges
A word or two that tells you where a record stands.
Badges show the status or type of a record, right next to it. They stay square (not slanted) — status pills are for reading, not for the signature action shape.
DraftSupplierPostedPaidDue in 3 daysOverdue
When to use
- Grey: draft, inactive, cancelled
- Outline: types and categories, like Client or Supplier
- Primary: active, posted, current
- Green: paid, done, approved, in stock
- Amber: due soon, partially paid, low stock
- Red: overdue, failed, rejected, out of stock
When not to use
- As buttons or filters
- For long text; keep it to one or two words
- Slanting badges to match buttons