List Todo With Add - Todo list panel with add

Pro

Task list with an input and button to append new rows.
Shadcn List Todo With Add component

Component Data

  • ID:list-panel/list-todo-with-add
  • Access:pro
  • Created:May 23, 2026
  • Type:example

List Todo With Add component design & features

This example keeps tasks in local state, renders Checkbox rows, and adds an Input plus Button footer to create new tasks.

Add-task lists belong in quick capture widgets, sprint backlogs, and inline editors where users create items in place.