Avatar
A user image with an initials fallback.
MarkdownExamples
Image and fallback
AL
GH
AT
L
GHATLAPI
| Prop | Type | Default |
|---|---|---|
name*Accessible name, and the source of the initials fallback. | string | — |
srcImage URL. Falls back to initials if it's missing or fails to load. | string | — |
sizeSize hook, exposed as | "small" | "medium" | "large" | "medium" |
| Slot | Props |
|---|---|
fallbackShown without an image. Defaults to the initials. | { initials: string; } |
Styling
- Parts
avataravatar-image- States
data-avatar-size
Accessibility
- Screen readers hear
name. - The initials show until the image loads, and stay if it fails.