kapable

AvatarGroup

Data display · 1 export · v0.1.0 · showcase

Compact stack of people with an accessible aggregate label and overflow count.

Browse 72 component families

Preview

Usage

<AvatarGroup people={people} max={3} label="Reviewers" />

AvatarGroup props
prop	type	notes
people	AvatarGroupPerson[]
max?	number	Discs shown before the `+N` overflow (default 4).
label?	string	Group accessible name (default "N people").
size?	'sm' \| 'md'	'sm' 24px (default — this is a cell component) · 'md' 32px.
mix?	MixInput