UserStatusBadge

Domain

Color-coded badge for ACTIVE / INACTIVE / BANNED user statuses. Optional dot prop adds a leading status indicator.

All statuses

Preview
ActiveInactiveBanned
Code
<UserStatusBadge status="ACTIVE" />
<UserStatusBadge status="INACTIVE" />
<UserStatusBadge status="BANNED" />

With dot

Preview
ActiveInactiveBanned
Code
<UserStatusBadge status="ACTIVE" dot />
<UserStatusBadge status="INACTIVE" dot />
<UserStatusBadge status="BANNED" dot />
Sourcemodules/domains/common/user/UserStatusBadge.tsx