Avatar
User or entity avatar with image, initials fallback, and size variants.
Example
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
src | string | — | No | Image URL |
alt | string | — | No | Image alt text |
initials | string | — | No | Fallback initials when no image |
size | 'sm' | 'md' | 'lg' | 'md' | No | Avatar size |
variant | 'neutral' | 'primary' | 'neutral' | No | Background color variant for initials |
Accessibility
- Uses role="img" with aria-label for initials fallback
- Image alt text passed through to <img>
Related Tokens
--avatar-surface--avatar-on-surface--avatar-sm--avatar-md--avatar-lg