Avatar Group

Stacked overlapping avatars with +N overflow badge for large sets.

primitive avatar-group

Controls

max

Current props

max: ""

Usage

primitive.AvatarGroup(primitive.AvatarGroupProps{Max: 4},
    primitive.Avatar(primitive.AvatarProps{Initials: "AB", Tone: token.ToneCyan}),
    primitive.Avatar(primitive.AvatarProps{Initials: "CD", Tone: token.ToneViolet}),
    primitive.Avatar(primitive.AvatarProps{Initials: "EF", Tone: token.ToneLime}),
    primitive.Avatar(primitive.AvatarProps{Initials: "GH", Tone: token.TonePink}),
    primitive.Avatar(primitive.AvatarProps{Initials: "IJ", Tone: token.ToneYellow}),
)

All combinations (4)

Enum controls only · bool and text use defaults

Props

Name	Type	Options	Default
`max`	enum	`2, 3, 4, 99`	`4`