List Todo With Priority - Todo list panel with priority

Pro

Task rows with priority Badge labels on each entry.
Shadcn List Todo With Priority component

Component data

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

List Todo With Priority component design & features

This example shows Checkbox tasks with a priority Badge in ItemActions for high, medium, and low labels.

Priority todo lists help triage work in support queues, engineering backlogs, and personal planners that rank urgency.