UserAvatar

Domain

Avatar that consumes the SafeUser type. Falls back to initials when no profile picture is set; supports online/away/busy/offline status dots.

Sizes

Preview
JDxs
JDsm
JDmd
JDlg
JDxl
Code
<UserAvatar user={user} size="xs" />
<UserAvatar user={user} size="sm" />
<UserAvatar user={user} size="md" />
<UserAvatar user={user} size="lg" />
<UserAvatar user={user} size="xl" />

Status indicators

Preview
JDonline
JSaway
ABbusy
Uoffline
Code
<UserAvatar user={user} size="lg" status="online" />
<UserAvatar user={user} size="lg" status="away" />
<UserAvatar user={user} size="lg" status="busy" />
<UserAvatar user={user} size="lg" status="offline" />
Sourcemodules/domains/common/user/UserAvatar.tsx