CSS custom properties

--mds-avatar-background-colorThe background-color of the component

--mds-avatar-background-color-pendingThe background-color when an image is loading

--mds-avatar-colorThe color of the placeholder icon

--mds-avatar-initials-paddingSets the padding of the initials inside the avatar

--mds-avatar-radiusThe border-radius of the element

Parts

iconThe selected icon of the avatar

mediaThe media displayed

wrapperThe wrapper which contains media displayed