Renders content (image, icon, initials, etc.) inside a shaped mask. You can control the background color, mask shape, and optionally show an online status indicator. The component automatically computes a contrasting foreground color for accessibility and legibility.

Groups multiple Avatar components together in a horizontal or vertical layout. Useful for displaying teams, user lists, or overlapping avatars.