Catalog metadata for this block. Install copies the source into your project.
npx cronus-ui add order-tracking| Field | Type | Default | Description |
|---|---|---|---|
slug* | string | "order-tracking" | Registry item id. Passed to cronus-ui add. |
name* | string | "Order tracking" | Display name shown in the gallery. |
description* | string | "Shipment status card with a vertical timeline, ETA banner and courier info across in-transit, delivered and delayed states." | Short summary of what the block covers. |
variants | { id: string; name: string; description: string }[] | ["in-transit", "delivered", "delayed"] | Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default. |
Every published look for this block.
| Id | Name | Description |
|---|---|---|
in-transit | In transit | Shipment timeline with the current leg highlighted and courier info. |
delivered | Delivered | Completed timeline with a delivery confirmation and a review prompt. |
delayed | Delayed | Late shipment with a warning notice, a new estimate and support actions. |
Shipment status card with a vertical timeline, ETA banner and courier info across in-transit, delivered and delayed states.
Placed Jul 9, 2026 · 4 items · $387.60
Shipment timeline with the current leg highlighted and courier info.
Placed Jun 20, 2026 · 1 item · $129.00
Completed timeline with a delivery confirmation and a review prompt.
Placed Jul 5, 2026 · 2 items · $94.50
Late shipment with a warning notice, a new estimate and support actions.