Avatar Group
Live example
Avatar Group
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/avatar-group.jsonAPI reference
These are the main Avatar Group options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
label | string (required) | — |
aria-label (AvatarGroupCount) | string describing the extra people | — |
Composition notes
Give the group a name and name individual avatars. Overflow count text should describe how many people are omitted with aria-label. The group composes existing Avatar parts; it does not fetch people or manage selection.
The preview uses Hextech brand marks and shadcn�s GitHub avatar. Replace the image URLs with your own assets when copying this example. Initials appear only if an image cannot load.