Who's here, in one glance

An overlapping stack of avatars with a +N counter for the rest. It lays out the Avatar children it is given, forces one size onto them so a stack never renders mixed, and rings each one in the page colour so the overlaps stay legible on any surface. Purely presentational, so it renders from a Server Component.

Overflow

Five avatars show by default; the rest collapse into the counter. Lower max to tighten the row, and the counter keeps the true remainder.

Default, max 5
Max 3
Nothing hidden

Sizes

The group speaks Avatar's own size vocabulary and clones it onto every child, sizing the counter circle to match.

sm
md
lg

Accessible naming

The root is a group, so pass aria-label to name the collection. The counter announces as "N more" by default; overflowLabel overrides it when the remainder deserves context.

overflowLabel="3 more reviewers"