Order Tracker
Shipment status card with a five-step track and pulsing current step, ETA chip, delayed and exception states, carrier row with copy, and a grouped activity log.
Preview
Order #4821
2 items · placed Mon, Nov 3
- Done: OrderedNov 3
- Done: PackedNov 3
- Done: ShippedNov 4
- Current: Out for deliveryNov 5
- Upcoming: Delivered
Activity
Wed, Nov 5
Out for deliveryRiverside depot- Arrived at local depotRiverside depot
Tue, Nov 4
In transitNorthgate hub
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title / subtitle | string | — | Order title (names the region) and the line under it. |
| steps | { id; label; time? }[] | Ordered → Delivered | Track steps; defaultSteps is exported. |
| current | number | — | Index of the step the shipment is on; it pulses. |
| status | "on-track" | "delayed" | "exception" | "delivered" | "on-track" | Colours the chip, current step and rail; delivered completes every step. |
| eta | string | — | Preformatted ETA for the chip. |
| message | string | — | Explanation shown for delayed and exception states. |
| carrier | { name; trackingNumber; href? } | — | Carrier row with copy and an optional external link. |
| events / eventLimit | { id; title; time; date?; location? }[] / number | [] / 3 | Activity log, newest first, with Show all past the limit. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.