Veloria UI
Components/AvatarGroup

AvatarGroup

Stack of avatars with configurable overlap and overflow count.

Installation

Examples

Default group

Stacked avatars with +N overflow badge.

user
user
user
user
user
+8

Sizes

sm, md (default), lg.

sm
user
user
user
user
md
user
user
user
user
lg
user
user
user
user

API Reference

PropTypeDefaultDescription
maxnumber5Maximum number of visible avatars.
size'xs'|'sm'|'md'|'lg'|'xl''md'Applies to all child avatars.
children*ReactNoderequiredAvatar elements to stack.
AvatarDivider