Create Korean Card Expiry Date Element
createElement('krCardExpiry', options?)
Use this function to create an instance of an individual Element.
Parameters
The type of element you are creating.
Options for creating krCardExpiry Element.
Returns
KrCardExpiryElement | nullcreateElement('krCardExpiry', options?)
npm
1import { init, createElement } from '@airwallex/components-sdk';23await init({4 env: 'prod',5 enabledElements: ['payments'],6});78const element = await createElement('krCardExpiry');910element.mount('kr-card-expiry-container');
KrCardExpiryElementOptions
Applies to split card element type integration, the interface used when createElement() with type krCardExpiry.
Whether the krCardExpiry Element input is disabled or not. Default value is false.
A short hint to suggest the expected value of an input field to the shopper.
Style for the krCardExpiry Element.
KrCardExpiryElement
Functions and external fields can be used in your integration flow with Airwallex element
mount(domElement)
1// 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);
on(eventCode, handler)
Listen to Element events.
Type Parameters
A generic type for event codes. Ideally, you don't need to specify this explicitly as it can be inferred automatically.
Parameters
The callback function that will be called when the event occurs.
Returns
voidon(eventCode, handler)
1element.on('change', (e) => {2 const { completed, empty, error } = e.detail;3 // Handle change event4});
unmount()
1element.unmount();
update(options?, initOptions?)
Call this function to update Element options after creating the Element.
Returns
voidupdate(options?, initOptions?)
1element.update({2 placeholder: 'replace-with-your-placeholder',3});