Card input fields
Capture card details using highly-customisable standalone input fields.
Card consent
The card consent component allows you to:
- Customise the label copy.
- Add custom styling for the checked and unchecked versions of the checkbox.
For usage details, see the CardConsentComponentConfig reference.
Card CVC
The card CVC component allows you to:
- Decide whether or not to mask the CVC.
- Add a toggle so cardholders can show or hide the CVC.
- Display a hint icon, with or without tooltip.
- Sync with the dynamic card component.
Card CVC input field with hint.
For usage details, see the CardCvcComponentConfig reference.
Card expiry date
The card expiry component allows you to:
- Choose the expiry date format.
- Set an initial placeholder value.
- Display a hint icon, with or without tooltip.
- Sync with the dynamic card component.
Card expiry date input field with hint.
For usage details, see the CardExpiryDateComponentConfig reference.
Card number
The card number field allows you to:
- Format the card number as the user types.
- Display the card scheme logo.
- Validate the card number on input change or input blur.
- Sync with the dynamic card component.
Card number input field with brand selector.
Card number input field with error icon and guide text.
For usage details, see the CardNumberComponentConfig reference.
Cardholder name
The cardholder name component allows you to:
- Set an initial placeholder value.
- Choose whether to convert the input to uppercase automatically.
- Display a hint icon, with or without tooltip.
- Sync with the dynamic card component.
Cardholder name input field with hint.
For usage details, see the CardHolderNameComponentConfig reference.
Updated 15 days ago