Avatar
An image element with a fallback for representing users. Built on Radix UI Avatar with automatic fallback delay.
JDABMR
With Fallback
The AvatarFallbackrenders when the image fails to load or while it's loading. Provide initials or an icon:
Sizes
Avatar takes no className or style — like every @eluan/core component, those props are omitted from its type. It fills the box it is given, so size it from a wrapper element you own:
SM
MD
LG
XL
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | Image URL for AvatarImage. |
alt | string | — | Alt text for the avatar image. |
delayMs | number | 600 | Milliseconds before showing the fallback if the image hasn't loaded. |