Holo Avatar
The <holo-avatar> component displays a user or entity’s image. When src is omitted, it falls back to rendering initials, or a generic decorative person icon if neither is provided.
Live Previews
Section titled “Live Previews”With an image
Section titled “With an image”<holo-avatar src="https://example.com/ada.png" alt="Portrait of Ada B." size="md"></holo-avatar>Initials fallback
Section titled “Initials fallback”<holo-avatar initials="AB" size="md"></holo-avatar>Generic icon fallback
Section titled “Generic icon fallback”<!-- no src or initials: renders a decorative, aria-hidden icon --><holo-avatar></holo-avatar>API Reference
Section titled “API Reference”Properties
Section titled “Properties”| Property | Attribute | Description | Type | Default |
| ---------- | ---------- | ----------------------------------------------------------------- | ---------------------- | ----------- |
| src | src | The image URL to display. | string | undefined |
| alt | alt | Accessible text describing the image. Required when src is set. | string | undefined |
| initials | initials | Initials to render when no image is available. | string | undefined |
| size | size | The size of the avatar. | "sm" \| "md" \| "lg" | "md" |