Back to components
Commerce component
Order Timeline
Vertical timeline showing order status progression with icons, dates, and completion states.
Install
What it does
- Step-by-step vertical timeline
- Completed, active, and pending states with color coding
- Date and time per step
- Icon per step via Ionicons
- Connecting lines between steps
When to use
Use it
Order tracking, delivery status, shipment progress, onboarding wizard steps.
Skip it
Simple status label (use badge component instead).
Files & routes added
- components/commerce/order-timeline.tsx