GanttPage
v1.0.42Updated 20 Oct 2026Composed example timeline page: PageHead + FilterBar toolbar (zoom, Today, Baseline switch) + grouped GanttChart with a task-detail side panel. Reference for any project-scheduling app.
Preview
Live · 9 storiesDefaultOpen ↗
▸Why this is recommendedpagegantttimelineproject+4
The default, out-of-the-box GanttPage.
Recommended for+14
- ✓Reference for project timelines and construction/launch plans
- ✓Anchor page of a Gantt scheduling app
Tags+6
pagegantttimelineprojectscheduleplanningexampledefault
Features+4
- i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
- ToggleGroup Day/Week/Month zoom synced with GanttChart
- FilterBar with assignee/phase chips + Baseline Switch
- Grouped GanttChart: 4 phases, FS dependencies, 3 milestones, holiday shading
- Task detail side panel (KVList + Progress + predecessors) retargeted by bar clicks
- Baseline variance strip of Badge chips
Not recommended for−2
- ✕Direct embedding
- ✕Epic-level roadmaps (use RoadmapPage)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
labelsOverride every built-in string and aria-label (i18n). Merged over DEFAULT_GANTT_PAGE_LABELS (85 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.
—