Components
AvatarGroup
A container component for grouping overlapping avatars or custom icons with built-in truncation and stacking order control.
Examples
Truncation
Limit the maximum number of avatars to render before displaying an overflow indicator.
Custom Overflow
Customize the look and feel of the overflow counter badge using the renderOverflow prop.
Icon Group
AvatarGroup can also stack custom elements or icons instead of traditional images.
RTL (Right-to-Left)
Control layout flow and stacking mask shape direction using the dir and reverse props.
API
AvatarGroup
The wrapper component that renders the children and manages the layout, overlapping margins, visual mask shapes, and overflow behavior.
Prop
Type
How is this guide?