Interface KlarnaButton

htmlElement

Optionalid

mount

• mount(containerSelector: string): this

• Parameters

  • containerSelector: string

  Returns this

• mount(containerElement: HTMLElement): this

• Parameters

  • containerElement: 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

• unmount(): this

• Returns this