D. E-commerce

Order Tracking

Tracking timeline page, live map & carrier card, order history list and a return & refund request flow.

4 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add commerce/order-tracking

01Tracking timeline page

Uses: StoreHeader · TimelineEvent · Badge · LineItem

components/blocks/commerce/order-tracking/01-tracking-timeline.tsx

Uses: StoreHeader · Badge · Button · Avatar

components/blocks/commerce/order-tracking/02-live-map.tsx

Uses: StoreHeader · Tabs · Badge · LineItem · Button

components/blocks/commerce/order-tracking/03-order-history.tsx

Uses: StoreHeader · Stepper · Checkbox · RadioGroup · Button

components/blocks/commerce/order-tracking/04-return-refund.tsx