Avatar Stack Compact 1 - Compact stack

Basic

Dense avatar stack using a 24px size prop with five participants.

Shadcn Avatar Stack Compact 1 component

Component data

ID
avatar-stack/avatar-stack-compact-1
Access
basic
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Avatar Stack Compact 1 component design & features

This example sets AvatarStack size to 24 and stacks five avatars in a compact row. Smaller avatars with abbreviated fallback text fit more participants into tight UI areas.

Compact stacks suit data tables, comment metadata, and inline indicators where a full-size avatar row would consume too much horizontal space.