Avatar Group
Displays a stack of avatars with an overflow indicator.
Usage
Props
| Prop | Type | Default | Description |
|---|
max | number | - | Maximum number of avatars to display before showing the overflow count. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Stack direction of the avatars. |
spacing | string | '-0.75rem' | CSS margin value controlling how much avatars overlap. |
reverse | boolean | false | Reverse the stacking order so later avatars appear on top. |
Slots
| Slot | Props | Description |
|---|
default | - | Avatar components to display in the group. |
overflow | { count: number } | Custom content for the overflow indicator. Receives the number of hidden avatars. |