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.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
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.