Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA tree table of tasks with sub-tasks, a done checkbox per leaf, progress that follows up to the parent and an overdue flag in words. Use this when work breaks into sub-tasks and a manager scans progress by task.
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 project plans, launch lists and review boards where one task is a group of smaller ones.
Do not use it for kanban (use a board) or tasks with dependencies between them.
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 |
|---|---|---|---|
tasks | TreeNode<Task>[] | - | Tasks with sub-tasks; leaves carry data: { assignee?, due?, done? }. |
today | string | current date | yyyy-mm-dd, for the overdue test. |
onToggle | (taskId, done) => void | - | A sub-task was ticked. |
Done: {task}.aria-sort and buttons; sorting happens within each parent.The pattern ships with a Testing Library test (task-subtasks-table.test.tsx) that covers progress, the overdue text, ticking and the parent becoming done.