Layout & Display
Vertical activity feed with dot or icon markers on a connector rail.
| Prop | Type | Default | Description |
|---|---|---|---|
Timeline children | TimelineItem[] | — | Renders as an <ol>. Give the Timeline an aria-label. |
TimelineItem.title | ReactNode | — | Shown at the top of the content. |
TimelineItem.time | ReactNode | — | Right-aligned timestamp. |
TimelineItem.icon | ReactNode | — | Rendered in the marker (replaces the dot). |
TimelineItem.children | ReactNode | — | Body text. |
Timeline children
TimelineItem[]
Default: —
Renders as an <ol>. Give the Timeline an aria-label.
TimelineItem.title
ReactNode
Default: —
Shown at the top of the content.
TimelineItem.time
ReactNode
Default: —
Right-aligned timestamp.
TimelineItem.icon
ReactNode
Default: —
Rendered in the marker (replaces the dot).
TimelineItem.children
ReactNode
Default: —
Body text.
| Prop | Type | Default | Description |
|---|---|---|---|
TimelineItem.color | "default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | default | Marker colour. |
TimelineItem.color
"default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger"
Default: default
Marker colour.
