Components / Data display

AvatarGroup

Overlapping avatars with a +N overflow.

@ruckc/truss-ui Data display

Import

import { AvatarGroup } from '@ruckc/truss-ui';

Playground

max
size
count

API

PropTypeDefaultDescription
people required { name: string; src?: string }[]—The people to show: `{ name, src? }[]`.
max number4Maximum number to show before collapsing the rest.
size 'sm' | 'md' | 'lg''md'Control size: `sm` (24px), `md` (32px, default) or `lg` (40px).
/docs/avatar-group Truss UI · MIT