Skip to main content

AvatarGroup

The Avatar component can be used as a visual representation of multiple users.

OverviewPropertiesAccessibility

New

Import​

import { AvatarGroup } from '@dynatrace/strato-components/content';

Demo​

The AvatarGroup is a wrapper that stacks multiple Avatar elements together. The focus can be moved with the arrow-left and arrow-right keys, as well as the tab key.

Add multiple items​

The AvatarGroup can display a maximum of five AvatarItem elements. If it contains more than five, the remaining items are collapsed into a menu. The trigger icon shows the number of menu items.

The AvatarGroup.Item is polymorphic, so you can, for example, polymorph it to an anchor.

Still have questions?
Find answers in the Dynatrace Community