Avatar
User identity representations. Supports images, initials fallback, status dots, and stacked groups.
Sizes & Initials
Four sizes with automatic initials fallback.
VN
VN
VN
VN
Status Dots
Semantic status indicators using design tokens.
A
OnlineB
AwayC
BusyD
OfflineAvatar Group
Stacked avatars with +N overflow.
VN
AK
MR
SL
+2
A
B
C
MayaAvatar API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
src | String | "" | Image source URL. |
alt | String | "" | Alt text, also used as fallback initials if initials are not provided. |
initials | String | "" | Initials to display when no image is provided. |
size | String | "md" | Avatar size ("sm", "md", "lg", "xl"). |
status | String | "" | Status dot ("online", "away", "busy", "offline"). |