Movement Status Badge
A status pill for the waste-movement lifecycle — proposed through reconciled, plus cancelled — each with a tone and a default icon.
$
Registry itembunx shadcn@latest add @nx-ui/movement-status-badgeStatuses
The full lifecycle in order, plus the cancelled terminal state.
ProposedConsentedIn transitReceivedReconciledCancelled
Sizes
The md size reads better as a page-level status beside a consignment title.
In transitIn transit
Without icons
Drop the icon where badges repeat down a dense table column.
ProposedConsentedReceivedCancelled
In context
A consignment header with a custom label.
Consignment NX-2041 — 24t concrete to Regen Aggregates (Wakefield)
2 of 3 loads deliveredEWC 17 01 01 · Northgate Haulage Ltd · due on site by 16:00
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
status* | MovementStatus | — | — |
label | string | — | Override the default status label. |
showIcon | boolean | true | Show the status icon (default true). |
className | string | — | — |
…extends VariantProps<typeof movementStatusBadgeVariants>