AvatarGroup

Stacks child Avatars with overlap. max limits how many are shown before a “+N” bubble; size applies to all children.

ALATGH


import { Avatar, AvatarGroup } from '@gg-software/ui';
 
<AvatarGroup max={3} size="md">
    <Avatar name="Ada Lovelace" />
    <Avatar name="Alan Turing" />
    <Avatar name="Grace Hopper" />
    <Avatar name="Linus Torvalds" />
    <Avatar name="Margaret Hamilton" />
</AvatarGroup>;

Props

Prop	Type	Default	Description
`children`*	`ReactNode`	—	content rendered inside the component
`max`	`number`	—	show at most this many avatars, then a "+N" bubble
`size`	`"sm" \| "md" \| "lg" \| "xl"`	—	size applied to all avatars in the group
`className`	`string`	—

* required · generated from packages/ui/src/display/Avatar/AvatarGroup.tsx