Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA checklist of tasks with sub-tasks, a progress bar that follows the ticks, a count on each group and a switch that hides finished groups. Use this when a launch, onboarding or inspection has steps made of smaller steps.
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 launch checklists, onboarding plans, safety inspections and any process with steps made of smaller steps.
Do not use it for tasks with owners, dates and comments (use a task board) or when order of completion is enforced.
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 |
|---|---|---|---|
groups | TreeNode[] | - | Groups with task leaves. |
value / defaultValue / onValueChange | string[] | [] | Ids of finished tasks. |
title | string | "Launch checklist" | Heading and name of the bar and the tree. |
progressbar named by the heading, with its value set from finished tasks.The pattern ships with a Testing Library test (nested-checklist.test.tsx) that covers the progress bar, group counts, ticking a group, hiding and the all-done state.