UserStatusBadge

Domain

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

Preview

ActiveInactiveBanned

Code

<UserStatusBadge status="ACTIVE" />
<UserStatusBadge status="INACTIVE" />
<UserStatusBadge status="BANNED" />

Preview

ActiveInactiveBanned

Code

<UserStatusBadge status="ACTIVE" dot />
<UserStatusBadge status="INACTIVE" dot />
<UserStatusBadge status="BANNED" dot />

Navigation