WalletStatusBadge

Domain

Displays wallet status with semantic colour coding: ACTIVE, FROZEN, CLOSED.

Preview

ActiveFrozenClosed

Code

{(['ACTIVE', 'FROZEN', 'CLOSED'] as const).map((s) => (
  <WalletStatusBadge key={s} status={s} />
))}

Preview

ActiveActive

Code

<WalletStatusBadge status="ACTIVE" size="sm" />
<WalletStatusBadge status="ACTIVE" size="md" />

Navigation