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
Libraries
Radix UI, Base UI, React Aria

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.