Components/Timeline
Timeline
Vertical history of events with status dots, optional icons, and timestamps.
Order placed
You placed an order for 3 items.
Payment
Card ending in 4242 authorized.
Shipped
Carrier picked up the parcel.
Out for delivery
Delivered
Installation
npx ajaxui add timelineProps
Timeline
| Prop | Type | Default |
|---|---|---|
| items | TimelineItem[] | — |
TimelineItem
| Field | Type | Default |
|---|---|---|
| id | string | — |
| title | ReactNode | — |
| description | ReactNode | — |
| timestamp | string | — |
| icon | ReactNode | — |
| status | "completed" | "current" | "upcoming" | "upcoming" |