TransactionTypeBadge

Domain

Colour-coded badge for transaction type: DEPOSIT, WITHDRAW, TRANSFER, PAYMENT, REFUND, FX, FEE.

Preview

DepositWithdrawTransferPaymentRefundFXFee

Code

{(['DEPOSIT', 'WITHDRAW', 'TRANSFER', 'PAYMENT', 'REFUND', 'FX', 'FEE'] as const).map((t) => (
  <TransactionTypeBadge key={t} type={t} />
))}

Preview

DepositPaymentRefund

Code

<TransactionTypeBadge type="DEPOSIT" size="sm" />
<TransactionTypeBadge type="PAYMENT" size="sm" />
<TransactionTypeBadge type="REFUND" size="sm" />

Navigation