Avatar
Media & Content
Single avatar with image support, fallback initials derived from alt text, four sizes, and animated status indicator dot with pulse effect for online state.
Loading preview...
Customize
Size:
Status:
Fallback
Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | undefined | Image URL for the avatar. |
alt | string | '' | Alt text for the image, also used to derive fallback initials. |
fallback | string | undefined | Explicit initials to display when no image is available. |
size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Avatar size variant. |
status | 'online' | 'offline' | 'busy' | 'away' | undefined | Status indicator dot with color and optional pulse animation. |
className | string | '' | Additional CSS classes. |