COMPONENTS // DATA DISPLAY USER
Avatar & AvatarGroup
User avatar primitive featuring automatic monogram generation on image failure, live status dots, and stacked group layouts.
Sizes & Statuses
Individual Avatars
Automatically computes monogram initials and status dots.VL
TK
NN
LB
Avatar Group Stack
Stacked AvatarGroup
Group avatars with overflow counter badge.VL
TK
NN
LB
+4
Props Reference
| Property | Type | Default | Description |
|---|---|---|---|
| src | string | null | undefined | Avatar image source URL |
| name | string | '' | User display name for initials monogram fallback |
| size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Avatar dimensions (20px to 64px) |
| status | 'online' | 'busy' | 'away' | 'offline' | undefined | Active status indicator badge |