Interface ButtonConfiguration

interface ButtonConfiguration {
    disabled?: boolean;
    id?: string;
    initiationMode?: "DEVICE_BEST" | "REDIRECT" | "ON_PAGE" | "POPUP";
    intents?: ("PAY" | "SUBSCRIBE" | "SIGNUP" | "SIGNIN" | "DONATE")[];
    loading?: boolean;
    locale?: string;
    shape?: "default" | "pill" | "rect";
    theme?: "default" | "light" | "dark" | "outlined";
}

Hierarchy (View Summary)

Properties

disabled? id? initiationMode? intents? loading? locale? shape? theme?

Properties

Optionaldisabled

disabled?: boolean

Sets the initial disabled state of the button.

Default

false

Optionalid

id?: string

Unique identifier for the button.

OptionalinitiationMode

initiationMode?: "DEVICE_BEST" | "REDIRECT" | "ON_PAGE" | "POPUP"

Defines how the customer flow is launched upon clicking the button.

It's recommended to use the DEVICE_BEST value to let Klarna decide the best way to launch the flow in different devices and environments.

Default

"DEVICE_BEST"

Optionalintents

intents?: ("PAY" | "SUBSCRIBE" | "SIGNUP" | "SIGNIN" | "DONATE")[]

The intents that the button will be used for.

Klarna will adjust the button label accordingly to optimize the conversion rate. If there are multiple intents, put the primary intent first.

Default

["PAY"]

Optionalloading

loading?: boolean

Sets the initial loading state of the button.

Default

false

Optionallocale

locale?: string

Locale of the button.

Default

"en-US"

Optionalshape

shape?: "default" | "pill" | "rect"

Shape of the button.

Default

"default"

Optionaltheme

theme?: "default" | "light" | "dark" | "outlined"

Theme of the button.

Default

"default"

Settings

Member Visibility

On This Page

Properties