Data Display
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") |