CreditCardForm

Domain

Full credit card entry form with live card visual preview. Auto-detects brand, formats number, flips card on CVV focus, validates expiry.

Default

Preview

Add Payment Card

Code
<CreditCardForm onSubmit={async (card) => saveCard(card)} onCancel={handleCancel} />

Server error

Preview

Add Payment Card

Code
<CreditCardForm onSubmit={handleSave} error="Card declined. Please try a different card." />
Sourcemodules/domains/common/payment/CreditCardForm.tsx