Status Badge
Custom
7 variants
Colored pill for ticket status. Extends shadcn Badge (variant: outline).
@/components/tickets/status-badgeAll variants
Open
In Progress
In Review
Testing
Closed
Blocked
Done
In context
| ID | Status | Description |
|---|---|---|
| T7A3763 | Open | Banana Corp — new account setup, missing registration number |
| T63JK93 | In Review | Orange Ltd — testing account creation, verify audit log |
| T9399A6 | Testing | Lemon Labs — validation error on input field max length |
| T733U67 | Blocked | Plum Logistics — duplicate contact email in system |
| T999U37 | Done | Apple Industries — price list sync with ERP complete |
| T9J596F | Closed | Mango Markets — payment receipt confirmed with accounting |
Token mapping
| Status | Preview | Background token | Text token | Accent dot |
|---|---|---|---|---|
| Open | Open | bg-status-open-bg | text-status-open-fg | bg-status-open |
| In Progress | In Progress | bg-status-in-progress-bg | text-status-in-progress-fg | bg-status-in-progress |
| In Review | In Review | bg-status-in-review-bg | text-status-in-review-fg | bg-status-in-review |
| Testing | Testing | bg-status-in-progress-bg | text-status-in-progress-fg | bg-status-in-progress |
| Closed | Closed | bg-status-closed-bg | text-status-closed-fg | bg-status-closed |
| Blocked | Blocked | bg-status-blocked-bg | text-status-blocked-fg | bg-status-blocked |
| Done | Done | bg-status-done-bg | text-status-done-fg | bg-status-done |
On this page