Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

PaymentOnAccount Container

Version: 2.2.0-beta2

Configuration

The PaymentOnAccount container provides the following configuration options:

ParameterTypeReq?Description
initialReferenceNumberstringNoConfiguration for initial reference number
onReferenceNumberChange(referenceNumber: string) => voidNoCallback function triggered when reference number change
onReferenceNumberBlur(referenceNumber: string) => voidNoCallback function triggered when reference number blur

Slots

This container does not currently expose any customizable slots.

Usage

The following example demonstrates how to use the PaymentOnAccount container:

import { render as provider } from '@dropins/storefront-checkout/render.js';
import { PaymentOnAccount } from '@dropins/storefront-checkout/containers/PaymentOnAccount.js';
await provider.render(PaymentOnAccount, {
initialReferenceNumber: "example",
onReferenceNumberChange: () => console.log('ReferenceNumberChange'),
onReferenceNumberBlur: () => console.log('ReferenceNumberBlur'),
})(block);