Maple · Display

Avatar Group

A stack of overlapping avatars for teams, assignees and shared documents. Each avatar gets a ring in the surface colour; extra people collapse into a +N counter.

View in Storybook →

Counts

ARLMMTARLMMTSONHARLMMT+3
<AvatarGroup people={team} max={3} />

Props

PropTypeDefaultDescription
people{ name, src? }[]—People.
maxnumber3Shown before +N.
sizeAvatarSize"s"Avatar size.