<tyro-ui-avatar-group>
Avatar Group
Overlapping avatar stack. Shows up to
[max] avatars then a +N bubble for the rest. Default - max 4
6 avatars, [max]: 4 → shows +2
+2
Sizes
xs / sm / md / lg
+2
+2
+2
+2
All shown (max > count)
[max]: 10 - no overflow bubble
Inputs
Property | Type | Default | Description |
|---|---|---|---|
[avatars] | ITyroUiAvatarItem[] | [] | Avatar list { src?, name? } |
[max] | number | 4 | Max shown before +N overflow |
[size] | 'xs' | 'sm' | 'md' | 'lg' | 'md' | Size of each avatar |