Avatar
5 sizes × 4 status dots + initials fallback when no src.
Size × Variant
| Size | Initials | Image | Square | + Status |
|---|---|---|---|---|
| xs (24) | PD | PD | PD | |
| sm (32) | PD | PD | PD | |
| md (40) | PD | PD | PD | |
| lg (48) | PD | PD | PD | |
| xl (56) | PD | PD | PD |
All status dots (size = lg)
| Status | Render |
|---|---|
| online | PD |
| busy | PD |
| away | PD |
| offline | PD |
Props:
Fallback: If no
src, name, alt, size, status, square.
Fallback: If no
src, derives 2-letter initials from name (e.g. "Phan Dang" → "PD").