Create Card CVC Element
createElement('cvc', options?)
Use this function to create an instance of an individual Element.
Parameters
The type of element you are creating.
Options for creating cvc Element.
Returns
CvcElement | null
TypeScript1import { createElement } from '@airwallex/components-sdk';2const element = createElement('cvc');
CvcElementOptions
Applies to split card element type integration, the interface used when createElement() called with type cvc.
The container id of the authentication form used in 3D Secure authentication.
Indicate cvc length.
Whether the cvc Element input is disabled or not. Default value is false.
Whether cvc Element works alone or not. If you want to use the CVC Element for a saved Payment Consent, you could set it true to improve the checkout experience.
A short hint to suggest the expected value of an input field to the shopper.
Style for the cvc Element.
CvcElement
Element functions can be used in your integration flow with Airwallex element.
TypeScript1element.confirm({2 client_secret: 'replace-with-your-client-secret',3});
TypeScript1element.createPaymentConsent({2 client_secret: 'replace-with-your-client-secret',3});
TypeScript1// There are two ways to mount the element:2// 1. Call with the container DOM id3element.mount('container-dom-id');45// 2. Find the created DOM in the existing HTML and call with the container DOM element6const containerElement = document.getElementById('container-dom-id');7element.mount(containerElement);
TypeScript1element.on('change', () => {2 // Handle change event3});
TypeScript1element.unmount();
update(options?, initOptions?)
Using this function to update the element option after create the element.
Returns
voidTypeScript1element.update({2 placeholder: 'replace-with-your-placeholder',3});