PaymentStatusBadge

Domain

Color-coded badge for all PaymentStatus values: PENDING / AUTHORIZED / PAID / FAILED / CANCELLED / REFUNDED.

All statuses

Preview
PendingAuthorizedPaidFailedCancelledRefunded
Code
<PaymentStatusBadge status="PENDING" />
<PaymentStatusBadge status="AUTHORIZED" />
<PaymentStatusBadge status="PAID" />
<PaymentStatusBadge status="FAILED" />
<PaymentStatusBadge status="CANCELLED" />
<PaymentStatusBadge status="REFUNDED" />

With dot, large

Preview
PendingPaidFailed
Code
<PaymentStatusBadge status="PENDING" dot size="lg" />
<PaymentStatusBadge status="PAID" dot size="lg" />
<PaymentStatusBadge status="FAILED" dot size="lg" />
Sourcemodules/domains/common/payment/PaymentStatusBadge.tsx