About this piece
Order Tracking
Vertical delivery timeline where each stop lights up in turn as the connector fills downward and a timestamp fades in, pausing on Delivered before it replays.
Usage
The import and the props worth knowing about, in one place.
import { Commerce34 } from "@/components/beste/piece/commerce34";
<Commerce34
orderLabel="Your order"
stops={[
{
"label": "Ordered",
"time": "Mon 09:12"
},
{
"label": "Shipped",
"time": "Tue 08:05"
},
{
"label": "Out for delivery",
"time": "Wed 07:30"
},
{
"label": "Delivered",
"time": "Wed 11:52"
}
]}
tone="primary"
bordered={false}
/>More Commerce pieces
View all Commerce1Cart
2Shipping
3Payment
4Done
Two itemsSubtotal $58.00
Nina SimoneExpress, arrives Thursday
Visa ending 4417Total $64.50
Order placedConfirmation sent to [email protected]
