components
Avatar
A circular user image built on Radix Avatar, with a graceful fallback to initials or an icon when no image resolves. Three sizes for different densities.
Sizes
sm
md
lg
Fallbacks
Initials or an icon when there is no image.
initials
icon
image
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | none | Image URL. Falls back if it fails to load. |
| alt | string | "" | Alt text for the image. |
| fallback | ReactNode | none | Required. Initials or an icon shown when no image resolves. |
| size | "sm" | "md" | "lg" | md | 32, 40, or 56px. |