Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA tree table of teams with plus and minus steppers for planned hires, department totals that follow and a warning when the plan passes the approved headcount. Use this when hiring plans are made team by team under a company cap.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for annual planning and budgeting where managers request hires and finance holds the total.
Do not use it for named requisitions (use a table of requests) or for forecasting over several years.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
departments | TreeNode<Team>[] | - | Departments with team leaves carrying data: { current, planned }. |
cap | number | - | Approved headcount. |
onPlanChange | (teamId, planned) => void | - | A team's planned hires changed. |
More hires for {team} and Fewer hires for {team}; Fewer is disabled at zero.alert when the plan is over the cap.The pattern ships with a Testing Library test (headcount-planner.test.tsx) that covers the roll-up, stepping, the zero floor and the over-cap alert.