Create Korean Card Identifier Element
createElement('krCardIdentifier', options?)
Use this function to create an instance of an individual Element.
Parameters
The type of element you are creating.
Options for creating krCardIdentifier Element.
Returns
KrCardIdentifierElement | null
TypeScript1import { createElement } from '@airwallex/components-sdk';2const element = await createElement('krCardIdentifier');
KrCardIdentifierElementOptions
Applies to split card element type integration, the interface used when createElement() with type krCardIdentifier.
The type of the identifier.
A short hint to suggest the expected value of an input field to the shopper when card type is 'company'.
A short hint to suggest the expected value of an input field to the shopper when card type is 'personal'.
Whether the krCardIdentifier Element input is disabled or not. Default value is false.
Style for the krCardIdentifier Element.
KrCardIdentifierElement
Functions and external fields can be used in your integration flow with Airwallex Payment Elements.
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);
on(eventCode, handler)
Listen to Element events.
Parameters
The event code to listen for.
The callback function that will be called when the event occurs.
Returns
voidTypeScript1element.on('change', (e) => {2 const { completed, empty, error } = e.detail;3 // Handle change event4});
TypeScript1element.unmount();
update(options?, initOptions?)
Call this function to update Element options after creating the Element.
Returns
voidTypeScript1element.update({2 placeholder: 'replace-with-your-placeholder',3});