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
Use Tailwind classes to control avatar size:
SMMDLGXL
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. |