AvatarGroupbeta

Pass an items array of Avatar props. Each entry becomes an avatar, overlapped with a cut-out ring so the set reads as one unit.

When items exceeds max, the group renders max − 1 avatars plus a single “+N” chip, so the total rendered count is exactly max. Here six people cap to four slots.

size is applied to every avatar and the overflow chip alike — sm, md (default), lg, xl (plus xs and 2xl).

spacing controls the overlap — tight packs the stack, loose spreads it out. normal is the default.

Set randomColor on an item to derive a deterministic background from its name — the same name always maps to the same colour, so people without a photo stay visually distinct. Give an item a src instead and it renders that photo, wearing the same cut-out ring; items without one keep their initials.