CD
Camille DuboisFreelance product designer
NG
Nathan GuyotDeveloper
ML
Marie Lefevre
<UserAvatar
name="Camille Dubois"
description="Senior product designer"
src={user.avatarUrl}
status="online"
/>Initials are derived from name, so the fallback needs nothing from you.
API
| Prop | Type | Default | |
|---|---|---|---|
name | string | required | |
description | ReactNode | — | |
size | "default" | "lg" | "sm" | "default" | |
src | string | — | |
status | "busy" | "offline" | "online" | — |
Plus every <div> prop. Source: user-avatar/components/user-avatar.tsx.