Interface KlarnaButton

interface KlarnaButton {
    htmlElement: HTMLElement;
    id?: string;
    mount(containerSelector: string | HTMLElement): this;
    on(event: "render", callback: (button: this) => Promise<void>): this;
    on(event: "click", callback: (button: this) => Promise<void>): this;
    toggleState(state: "disabled" | "loading", value?: boolean): this;
    unmount(): this;
}

Hierarchy (View Summary)

Properties

htmlElement id?

Methods

mount on toggleState unmount

Properties

htmlElement

htmlElement: HTMLElement

Optionalid

id?: string

Methods

mount

  • mount(containerSelector: string | HTMLElement): this

    Parameters

    • containerSelector: string | HTMLElement

    Returns this

on

  • on(event: "render", callback: (button: this) => Promise<void>): this

    The render event is triggered after the button is fully visible.

    Parameters

    • event: "render"

      render

    • callback: (button: this) => Promise<void>

      Render event handler callback, triggered on render.

    Returns this

  • on(event: "click", callback: (button: this) => Promise<void>): this

    The click event is triggered after the button is clicked.

    Parameters

    • event: "click"

      click

    • callback: (button: this) => Promise<void>

      Render event handler callback, triggered on click.

    Returns this

toggleState

  • toggleState(state: "disabled" | "loading", value?: boolean): this

    Parameters

    • state: "disabled" | "loading"

      State "disabled" disables/enables the button, e.g. makes it non-interactive/interactive State "loading" displays/hides the loading indicator in the button

    • Optionalvalue: boolean

      can be used to set the state to a specific value instead of toggling

    Returns this

unmount

Settings

Member Visibility

On This Page

Properties
Methods