Avatar group
adire/avatar-groupUnverifiedComponent
Overlapping row of faces with a count for the rest — maxVisible decides how many show, and anyone past it becomes that count. A real list, so a screen reader announces every name shown and how many were not: the circle reading "+3" is announced as "3 more", worded through remainingLabel so it can be translated. The ring that cuts each face out of the one behind it belongs to the group, and ringClassName matches it to the surface the group sits on.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/Timonwa/adire-ui/main/r/avatar-group.jsonThis registry does not serve an item endpoint we could read, so we hold its metadata but not its source.
What it pulls in
Other registry items
Files it writes
More from adire
All 97 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | adire | Components | Unverified | no deps | |
| Alertalert | adire | Components | Unverified | no deps | |
| Announcement bannerannouncement-banner | adire | Components | Unverified | no deps | |
| Avataravatar | adire | Components | Unverified | no deps | |
| Badgebadge | adire | Components | Unverified | no deps | |
| Breadcrumbsbreadcrumbs | adire | Components | Unverified | no deps | |
| Bullet listbullet-list | adire | Components | Unverified | no deps | |
| Busy overlay (shared)busy-shared | adire | Components | Unverified | no deps |
