List Avatar 1 - Items with assignees

Pro

List items with assignee avatars composed through ListItem children.

Shadcn List Avatar 1 component

Component Data

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

List Avatar 1 component design & features

This example uses ListItem children to place a status dot, task name, and shadcn Avatar on each row. Rows stay draggable through ListProvider while ownership stays visible at a glance.

Assignee rows fit sprint boards, support queues, and team backlogs where who owns the work matters as much as the task title.