Interface HadawiButtonMountOptions

interface HadawiButtonMountOptions {
    container: string | HTMLElement;
    getIntentId: () => string | Promise<string>;
    open?: CheckoutOpenOptions;
    variant?: HadawiButtonVariant;
    size?: HadawiButtonSize;
    label?: HadawiButtonLabel;
    locale?: HadawiButtonLocale;
    showBadge?: boolean;
    showIcon?: boolean;
    disabled?: boolean;
    className?: string;
    onError?: (error: unknown) => void;
}

Properties

container getIntentId open? variant? size? label? locale? showBadge? showIcon? disabled? className? onError?

Properties

container

container: string | HTMLElement

CSS selector or DOM element to mount into (contents are replaced).

getIntentId

getIntentId: () => string | Promise<string>

Called when the shopper clicks the button. Create the intent on your server, then return its id.

Optionalopen

open?: CheckoutOpenOptions

Options forwarded to checkout.open() (defaults to mode: 'popup').

Optionalvariant

variant?: HadawiButtonVariant

Visual style. Default: primary.

Optionalsize

size?: HadawiButtonSize

Button size. Default: md.

Optionallabel

label?: HadawiButtonLabel

Button label preset or custom text. Default: split.

Optionallocale

locale?: HadawiButtonLocale

UI language. Default: en.

OptionalshowBadge

showBadge?: boolean

Show the “Powered by Hadawi” badge under the button. Default: true.

OptionalshowIcon

showIcon?: boolean

Show the people / logo icon. Default: true.

Optionaldisabled

disabled?: boolean

Start disabled.

OptionalclassName

className?: string

Extra class names on the <button> element.

OptionalonError

onError?: (error: unknown) => void

Called if getIntentId throws or returns an invalid id.

Settings

Member Visibility

On This Page

Properties