Metrics & Status

AvatarGroup

Overlapping avatar stack with a +N overflow chip, for example owners on a deal, reviewers on a change, or an on-call rotation.

Props

AvatarGroup extends HTMLAttributes<HTMLDivElement>.

AvatarGroupProps props

Prop	Type	Default	Description
`people`	`AvatarGroupPerson[]`	—	Array of people to display.
`max`	`number`	`4`	Avatars shown before collapsing into a +N chip.
`size`	`"sm" \| "md" \| "lg"`	`"sm"`	Avatar size for all members.

AvatarGroupPerson fields:

AvatarGroupPerson props

Prop	Type	Default	Description
`initials`	`string`	—	Fallback initials.
`src`	`string`	—	Image URL.
`color`	`string`	—	Background color.
`name`	`string`	—	Shown as a native tooltip on hover.

AvatarGroup overflow

AvatarGroup sizes

ImportTSX

import { AvatarGroup } from "@solarius/onset";
import type { AvatarGroupProps, AvatarGroupPerson } from "@solarius/onset";