The hosted input instances inside the object returned by a CardPaymentMethodManager's createHostedInputs function.

getOptions() => HeadlessHostedInputOptions

Get the current options for the input field.

setOptions(options: HeadlessHostedInputOptions) => void

Set the options for the input field.

render(container: string, options: HeadlessHostedInputOptions) => Promise<void>

Render the input field in the specified container with the given options.

addEventListener(event: EventTypes, callback: EventListener) => void

Add an event listener to the input field.

EventTypes"blur" | "change" | "click" | "close" | "error" | "focus"

EventListener(event?: Event) => void

focus() => void

Set the focus on the input field.

blur() => void

Remove the focus from the input field.

setDisabled(status: boolean) => void

Set the disabled status of the input field.



Optional placeholder text to display in the input element.


Optional text for the input's aria-label attribute to improve accessibility.

styleRecord<string, any>

Optional CSS styles to apply to the input element.