List With Nested Items - List panel with nested items

Pro

Expandable parent tasks revealing nested subtask rows.
Shadcn List With Nested Items component

Component data

ID
list-panel/list-with-nested-items
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

List With Nested Items component design & features

This example uses Collapsible on parent rows to reveal nested Checkbox subtasks beneath each main task title.

Nested lists fit project breakdowns, QA checklists, and onboarding flows where one headline task hides several substeps.