Back to Component Library
display React 19 + TypeScript
Avatar
User avatar component supporting images, initials fallback, and status indicator dot.
$npx forgeui add avatar
Variant:
FU
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | undefined | Image source URL. |
| fallback | string | 'UI' | Initials text fallback. |
| status | 'online' | 'offline' | 'busy' | undefined | Presence dot status. |
Accessibility Standards
Includes alt attributes and status aria-labels.