Avatar
stableclientradix avatar
A person or an account. Falls back to initials derived from the name.
Sizes and fallback
<Avatar alt="Mira Okonkwo" size="sm" />
<Avatar src="/mira.jpg" alt="Mira Okonkwo" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| alt* | string | — | Describes the person, not the image: 'Mira Okonkwo', not 'profile photo'. |
| fallback | string | — | Overrides the derived initials. |
| size | "sm" | "md" | "lg" | "md" | 32, 40 or 56px. |
Accessibility
The fallback waits 300ms so cached images don't flash initials first.
Decorative avatars next to a visible name should get alt="" to avoid reading the name twice.