Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProOverlapping avatars where each shows a full name in a tooltip, people beyond a maximum collapse into a +N chip that lists them, and the group states a count.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for "who is on this" summaries: assignees, collaborators, viewers.
Do not use it as the only way to see members when there are many: link to a full list from the +N chip.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
people | { id, name }[] | - | Everyone in the stack. |
max | number | 3 | Avatars shown before the +N chip. |
| Key | Action |
|---|---|
| Tab | moves through the avatars and the +N chip, showing each name |
The pattern ships a Testing Library test (tooltip-avatar-stack.test.tsx) that covers the count and names, the +N chip, focus tooltips and the no-overflow case.