npm i @velkin/react
import { VuAvatarGroup } from "@velkin/react/avatar-group";| Prop | Type | Default | Description |
|---|---|---|---|
| max | number | 0 | Maximum avatars shown; `0` shows all. Default: `0`. |
| total | number | 0 | Explicit total when extras are outside the slot. Default: `0`. |
| size | VuAvatarSize | "md" | Uniform size forwarded to children. Default: `"md"`. |
| radius | VuAvatarRadius | "full" | Uniform radius forwarded to children. Default: `"full"`. |
| spacing | VuAvatarGroupSpacing | "md" | Overlap density. Default: `"md"`. |
| bordered | boolean | true | Forwards bordered ring to children. Default: `true`. |
| disabled | boolean | false | Disables the group and forwards to children. Default: `false`. |
| Slot | Description |
|---|---|
| — | - One or more `<vu-avatar>` children. |
| overflow | Custom `+N` overflow indicator. |
| Part | Description |
|---|---|
| group | Flex container for avatars and overflow tile. |
| overflow | Auto-rendered `+N` avatar tile. |
| Name | Definition |
|---|---|
| VuAvatarGroupSpacing | |
| VuAvatarRadius | |
| VuAvatarSize | |