AvatarGroup
Display

AvatarGroup.

Stack member avatars and summarize overflow.

Real interactive component
Live demo
LSA+2

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

5 props
ParameterTypeRequiredDefaultPossible valuesDescription
peopleArray<{name: string; src?: string}>Yes——Member names and optional avatar image URLs.
maxnumberNo4—Maximum visible people before the overflow count.
size"sm" | "md" | "lg"Nosmsm · md · lgIndividual avatar size.
labelstringNoTeam members—Accessible group name.
classNamestringNo——Additional CSS class on the outer component element.