GanttPage
v1.0.18Updated 27 Aug 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
- 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
No documented props — GanttPage is composed rather than configured. See the source for its full signature.