Docs
Avatar Group
Avatar Group
Represents a stack of avatars with overflow control.
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW+3
AMJSAJBW
Usage
import { AvatarGroup } from '@/components/ui/avatar-group';
<AvatarGroup
avatars={avatars}
max={4}
renderAvatar={(avatar, index) => (
<CustomAvatar
key={avatar.id}
name={avatar.name}
image={avatar.image}
/>
)}
/>