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

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.