AvatarGroup

A team in overlapping circles. Caps the visible row and counts the rest honestly.

Example

ALGKRS+2

<AvatarGroup max={3} total={5} label="Project members">
  <Avatar fallback="AL" />
  <Avatar fallback="GK" />
  <Avatar fallback="RS" />
</AvatarGroup>

Props

Prop	Type	Default	Description
`max`	`number`	-	Visible avatars before the counter.
`total`	`number`	-	Real member count.
`label`	`string`	`Members`	Group name, with count when known.

Accessibility

Group announces "Project members: 5", including the hidden ones.
Overlapping is visual only: each avatar stays in the accessibility tree.