Movement Timeline

The waste-movement status lifecycle as a stepper — proposed to reconciled, with timestamps, notes and clickable steps.

$bunx shadcn@latest add @nx-ui/movement-timeline

Installs withstepperutils

A movement part-way through its lifecycle; the current step is derived from the last timestamp.

The same lifecycle vertical, with a supporting note per step.

Proposed
10 Jul 2026, 09:12 · 24t concrete (EWC 17 01 01) offered to Regen Aggregates
Consented
12 Jul 2026, 14:03 · Consignment NX-2041 raised; carrier Northgate Haulage Ltd
In transit
14 Jul 2026, 08:40 · First of three loads collected from the Doncaster site
Received
Weighbridge ticket required on arrival
Reconciled
Quantities matched against the transfer note

A cancelled movement terminates the lifecycle early — set currentIndex explicitly to pin it.

Steps with an onClick render as buttons — open the consignment or weighbridge record behind each stage.

API reference

Exported parts and their props, extracted from the component source.

Prop	Type	Default	Description
`steps`*	`MovementTimelineStep[]`	—	—
`currentIndex`	`number`	—	Zero-based index of the current step; derived from timestamps when omitted.
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	—
`className`	`string`	—	—