Avatar
An avatar displays a user’s profile image with a fallback to their initials.
JD
Sizes
JDJDJDJDJD
Fallback
When no image is provided, the avatar shows the initials derived from alt, or a custom fallback.
JD?
Component props
| Name | Type | Description |
|---|---|---|
| src | string | Image source URL |
| alt | string | Alt text (also used to generate initials) |
| fallback | ReactNode | Custom fallback content (overrides initials) |
| size | string | "xs" | "sm" | "md" | "lg" | "xl" (default: "md") |