Skip to content
StrataKit Docs

AvatarGroup

Avatar groups are used to display a collection of avatars.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • DOM order now matches the visual display order.
  • The visual stacking of the Avatars is inverted.
  • Avatars use a mask rather than a border to achieve the overlapping cutout effect.
  • The variant prop is not supported. The AvatarGroup will always be circular.
  • Added list semantics to AvatarGroup. Each child Avatar is wrapped in a list item element.

Examples

Section titled “Examples”

Surplus

Section titled “Surplus”

When multiple Avatars exceed the configured max limit of the AvatarGroup, a surplus item can be shown using the renderSurplus prop.