List Priority 1 - Items with priority badges

Pro

List items that show priority with Badge variants beside each title.
Shadcn List Priority 1 component

Component Data

  • ID:list/list-priority-1
  • Access:pro
  • Created:Jul 30, 2026
  • Type:example

List Priority 1 component design & features

This example composes shadcn Badge inside ListItem children so each row shows a High, Medium, or Low priority label next to the task name. Drag reorder still updates order through ListProvider.

Priority badges help during sprint planning and triage when ranking work inside a single status group.