Alternative text for the image.
Initials to use as a fallback when no image is available.
The shape of the avatar.
The image source to use.
Static
stylesArray of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.
Note on Content Security Policy:
Element styles are implemented with <style>
tags when the browser doesn't
support adopted StyleSheets. To use such <style>
tags with the style-src
CSP directive, the style-src value must either include 'unsafe-inline' or
nonce-<base64-value>
with <base64-value>
replaced be a server-generated
nonce.
To provide a nonce to use on generated <style>
elements, set
window.litNonce
to a server-generated nonce in your page's HTML, before
loading application code:
<script>
// Generated and unique per request:
window.litNonce = 'a1b2c3d4';
</script>
An avatar component is used as a representation of a user identity typically in a user profile.
Element
igc-avatar
Slot
Csspart
base - The base wrapper of the avatar.
Csspart
initials - The initials wrapper of the avatar.
Csspart
image - The image wrapper of the avatar.
Csspart
icon - The icon wrapper of the avatar.