Components/Avatar Group
fd-avatar-group · 6 examples from SAP's documentation · Back to the gallery
About
The avatar group displays a number of avatars, which act as a digital representation of a user. This control is useful for visualizing a team, project team members, or a group of employees, for example. For detailed information check Fiori Design Guidelines for Avatar Group component.
Use the **AvatarGroup** if: - You want to display a group of avatars (more than two). - You want to display several avatars which have something in common. Do not use the **AvatarGroup** if: - You want to display a single avatar. - You want to display a gallery for simple images. - You want to use it for other visual content than avatars.
IndividualType
IndividualTypeVertical
GroupType
XS size
SM size
MD size
LG size
XL size
GroupTypeVertical
GroupTypeInteractionStates
Overflow
The overflow Avatar inherits the styling of the secondary regular Button control. Applications can also choose to set the background color to a random or specific color from the Avatar. The span element has a \