Avatar Group
Overlapping avatars that fan apart on hover, with a +N overflow chip.
+2
Sizes
+2
+2
+2
Installation
pnpm dlx shadcn@latest add "https://godui.design/r/avatar-group.json"Usage
tsx
import { AvatarGroup } from "@godui/components";
<AvatarGroup
avatars={[{ src: "/a.png", alt: "Ada" }, { fallback: "JO", alt: "Jo" }]}
max={4}
/>;Props
| Prop | Type | Default | Description |
|---|---|---|---|
avatars | Avatar[] | — | List of { src?, alt?, fallback?, href? }. |
max | number | 4 | Max shown before the +N chip. |
size | "sm" | "md" | "lg" | "md" | Avatar size. |
spreadOnHover | boolean | true | Fan the stack apart on hover. |