<RoadmapTimeline>
sharedTimelineAgendaContentDashboard
Vertical phased timeline with status badges per phase.
When to use: Use in roadmap / delivery plan sections to sequence work across phases (typically 3–5 phases). In SEO reports, use it for the remediation and content roadmap (e.g. technical fixes → content production → authority building).
Preview
Wave 1 — 12-week delivery
Phase 1 — Foundation
Weeks 1–3- ERP middleware exposed
- Lunnoa platform deployed
Phase 2 — Build the three flows
Weeks 4–8- HR triage live week 5
- Invoice intake live week 8
| Prop | Type | Notes |
|---|---|---|
| phases | { label: string; when: string; status?: 'done'|'active'|'planned'; items?: string[] }[] | Required. Phases in chronological order. |
| title | string | Optional. Section title for the timeline. |
| description | string | Optional. Subtitle. |
Examples
<RoadmapTimeline
title="Wave 1 — 12-week delivery"
phases={[
{ label: "Phase 1 — Foundation", when: "Weeks 1–3", status: "active", items: ["ERP middleware exposed", "Lunnoa platform deployed"] },
{ label: "Phase 2 — Build the three flows", when: "Weeks 4–8", status: "planned", items: ["HR triage live week 5", "Invoice intake live week 8"] }
]}
/>