Avatar group

Group of avatars displayed together

When to use an avatar group

If you need to represent more than a single person.

 

Behavior

  • If you have more than 5 to represent, the 5th avatar can be an overflow avatar to that displays exact number of people.
  • A single avatar will not receive focus, however an overflow avatar can normally display a popup menu with the detailed list of people left.

 

 

Best practices

Accessibility

Individuals with visibility impairments may encounter challenges in perceiving the icon displayed on medium avatars (32 pixels) and smaller, particularly within presence badges. To enhance accessibility, provide a textual representation of the avatar's status, such as a tooltip, whenever feasible.