Chips & Badges
Status chips communicate record workflow states at a glance. Every chip uses both a colored dot and a text label — color is never the only signal. Five statuses map directly to Odoo's record lifecycle.
Status chips
Five statuses · medium (default)
Imeidhinishwa
Inasubiri
Imechelewa
Inapitiwa
Rasimu
English labels · medium
Approved
Pending
Overdue
In Review
Draft
Sizes
Small · Medium · Large
Approved
sm · 10px
Approved
md · 11px (default)
Approved
lg · 12px
Count badges
Notification badges — dot counts
24
Amber · attention
17
Teal · success
3
Coral · critical
8
Violet · info
42
Neutral · count
Tags
Category tags — with optional remove
Finance
Purchase
Nairobi Office
Q2 2024
High Priority
In context — purchase order list
Chips in a list view table
| Reference | Vendor | Date | Total | Status |
|---|---|---|---|---|
| PO-0042 | Coastal Suppliers Ltd | 12 Apr 2024 | TZS 1,248,500 | Approved |
| PO-0041 | Kilimanjaro Trading Co | 10 Apr 2024 | TZS 320,000 | Pending |
| PO-0040 | Dar es Salaam Imports | 28 Mar 2024 | TZS 4,100,000 | Overdue |
| PO-0039 | Zanzibar Spice House | 25 Mar 2024 | TZS 782,000 | In Review |
| PO-0038 | Mombasa Goods Ltd | 20 Mar 2024 | TZS 150,000 | Draft |
Token reference
| Status | Dot color | Background | Text |
|---|---|---|---|
| Approved (Imeidhinishwa) | --teal |
--teal-light |
--teal-dark |
| Pending (Inasubiri) | --amber |
--amber-light |
--amber-dark |
| Overdue (Imechelewa) | --coral |
--coral-light |
--coral-dark |
| In Review (Inapitiwa) | --violet |
--violet-light |
--violet-dark |
| Draft (Rasimu) | --text-muted |
--bg-surface-2 |
--text-muted |