Select With Avatar - Options with avatar

Pro

Select items with user avatars beside each name.
Shadcn Select With Avatar component

Component data

ID
select/select-with-avatar
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Select With Avatar component design & features

This example renders Avatar components inside SelectItem rows for a user assignment picker.

Avatar selects belong in team assignment fields, reviewer pickers, and owner selection forms.