Card Checklist Panel
Subtask checklist inside an open kanban card with a progress bar, five items, two pre-checked, and an add-item affordance.
Subtask checklist inside an open kanban card with a progress bar, five items, two pre-checked, and an add-item affordance.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Card Checklist Panel is the subtask widget inside the open card for ACM-301, Feature flag rollout for billing v2. It shows a Launch checklist with five items and a Progress bar at 40% (2 of 5 done): Confirm feature flag is off in production and Complete QA sign-off in staging are checked and struck through; the remaining three (Update internal changelog, Notify support team before 08:00 deploy, Verify rollback plan with on-call engineer) are open. An Add item button sits below the list.
Checklist items are one typed const array with a done flag; the progress percentage is derived at runtime so the bar stays in sync without a second data source. The block renders as a static dialog blueprint with a scrim so the checklist is shown at card-detail scale.
Reach for this block inside an open card detail view, wired to your checklist state and a toggle handler on each Checkbox. Add the Add item affordance to your task creation flow.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the launch readiness checklist inside a deploy card. Other checklists:
Tip: show the Progress bar even at 0% so users know the checklist is there and has not been skipped.