Avatar Group

avatar-group

.slds-avatar-group — Avatar Groups are used to bunch together avatars within a shared context

base

.slds-avatar-group — Creates an Avatar Group

base › With icons

base › With initials

base › With initials inversed

base › With image and icon

base › With icon and user initials

base › With user initials and image

base › X-Small

base › Small

base › Medium

base › Large

base › X-Small With icon

base › Small With icon

base › Medium With icon

base › Large With icon

base › X-Small With initials

base › Small With initials

base › Medium With initials

base › Large With initials

grouped

.slds-avatar-grouped — Variant of an Avatar in an Avatar Group

grouped-inverse

.slds-avatar-grouped_inverse — Variant of an Avatar with inverse background in an Avatar Group

grouped-primary

.slds-avatar-grouped__primary — Modifier for the primary Avatar in an Avatar Group

initials

.slds-avatar-grouped__initials — Modifier for the Avatar that contains User Initials in an Avatar Group

grouped-secondary

.slds-avatar-grouped__secondary — Modifier for the secondary Avatar in an Avatar Group

x-small

.slds-avatar-group_x-small — Creates an extra small Avatar Group

small

.slds-avatar-group_small — Creates a small Avatar Group

medium

.slds-avatar-group_medium — Creates a medium Avatar Group

large

.slds-avatar-group_large — Creates a large Avatar Group