Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA tree table where team budgets are editable numbers and each department is the live sum of its teams, with spent figures and an over-budget flag. Use this when budgets are set per team and managers need to see the total at once.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for planning cycles where teams get budgets and a manager reviews the departmental totals as they change.
Do not use it for actuals imported from accounting (no inputs needed: use tree-table) or for multi-currency budgets.
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<Budget>[] | - | Departments with team leaves carrying data: { budget, spent }. |
onBudgetChange | (teamId, budget) => void | - | A team's budget was edited. |
Budget for {team} and rejects negative values.The pattern ships with a Testing Library test (department-budget-rollup.test.tsx) that covers the roll-up, editing, the over-budget text and the negative guard.