PaymentStatusBadge

Domain

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

Preview

PendingAuthorizedPaidFailedCancelledRefunded

Code

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

Preview

PendingPaidFailed

Code

<PaymentStatusBadge status="PENDING" dot size="lg" />
<PaymentStatusBadge status="PAID" dot size="lg" />
<PaymentStatusBadge status="FAILED" dot size="lg" />

PaymentStatusBadge

All statuses

With dot, large

Navigation