AvatarGroup

AvatarGroup stacks Avatar children and summarizes overflow with a neutral count.

#Default usage

<AvatarGroup max={3} total={5}>
  <Avatar><AvatarFallback>FD</AvatarFallback></Avatar>
  <Avatar><AvatarFallback>UI</AvatarFallback></Avatar>
  <Avatar><AvatarFallback>DS</AvatarFallback></Avatar>
  <Avatar><AvatarFallback>QA</AvatarFallback></Avatar>
</AvatarGroup>

#Import

import { Avatar, AvatarFallback, AvatarGroup } from "@froggdesign/enter-ui-react";

#Variants

#Accessibility

AvatarGroup does not invent labels for people. Provide meaningful labels or image alt text on each Avatar child when identity matters.

#API

• max controls how many children are visible.
• total can represent a server-side participant count.
• Supports native div props and className.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.