Beta
Avatar Stack
Overlapping gradient-orb coins with a surface ring so each stays legible; hovering a coin lifts it and names it, and the overflow count floats the rest without widening the stack.
Avatar Stack
Overlapping gradient-orb coins with a surface ring so each stays legible; hovering a coin lifts it and names it, and the overflow count floats the rest without widening the stack.
When to use it
For showing who is involved when the exact list matters less than the count and a few faces. The ring keeps each coin legible against any background, which is where overlapping avatars usually break.
Install
Adds Avatar Stack and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/avatar-stack.jsonProps · AvatarStack
| Prop | Type | Default |
|---|---|---|
| names | string[] | — |
| images? | (string | undefined)[] | DEFAULT_IMAGES |
| max? | numberCoins shown before folding the rest into a "+N" count. | 4 |
Generated from the component source. Run npm run props:extract after changing a signature.