WorkloadPage
v1.0.13Updated 27 Aug 2026Composed example workload page: PageHead with week-range switcher + FilterBar + six-week person-by-week allocation grid with utilisation tints and over-allocation flags + unassigned pool with suggested assignees. Reference for any resource-allocation view.
Preview
Live · 8 storiesDefaultOpen ↗
▸Why this is recommendedpageworkloadresourceallocation+5
The default, out-of-the-box WorkloadPage.
Recommended for+14
- ✓Reference for resource-allocation and capacity-planning views
- ✓Team workload dashboards in project tools
Tags+6
pageworkloadresourceallocationcapacityplanningganttexampledefault
Features+4
- Week-range switcher in PageHead
- Person lanes with Avatar + capacity + average-utilisation Progress
- Allocation cells tinted by utilisation tier (muted / primary / warning / destructive)
- Over-allocation flag badges with overflow hours
- Totals row with per-week team utilisation
- Unassigned pool with effort estimates, suggested assignees and Assign buttons
Not recommended for−2
- ✕Direct embedding
- ✕Event timelines per lane (use TimelineSwimlanes)
- ✕Task-level Gantt scheduling (use GanttChart)
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 — WorkloadPage is composed rather than configured. See the source for its full signature.