Back

AvatarGroup

Default (md)

AB
CD
EF
GH
IJ
+2

Sizes

xs
A
B
C
D
+2
sm
A
B
C
D
+2
md
A
B
C
D
+2
lg
A
B
C
D
+2
xl
A
B
C
D
+2

No overflow (all fit)

JS
TS
GO

Usage

@display.AvatarGroup(display.AvatarGroupProps{
    Size: "md",   // xs | sm | md | lg | xl
    Max:  5,      // how many to show before "+N" overflow
    Avatars: []display.AvatarProps{
        {Src: "/img/a.jpg", Alt: "Alice"},
        {Initials: "BC"},
        // ...
    },
})