Managed component - Resurs Docs

Drop in a single tag. The component fetches payment methods, renders an accordion, and manages selection state automatically.

Interactive example

Attributes

Attribute	Type	Required	Description
`session-id`	`string`	Yes	Session ID from the create session endpoint.
`amount`	`string`	Yes	Total purchase amount in the store currency as a decimal string with up to two decimals (e.g., `"1299.95"` = 1 299,95 kr).
`customer-type`	`string`	No	`NATURAL` (consumers) or `LEGAL` (businesses). Defaults to `NATURAL`.

Behavior

Fetches and re-fetches payment methods automatically when attributes change.
Shows a loading spinner during fetch, an error message on failure.

Currency is determined by the Resurs payment methods configured for the store relative to the session.

Updating

Update the component by setting new attribute values directly on the element. The component re-fetches automatically when attributes change.

const selector = document.querySelector('resurs-payment-method-selector');

// Update amount (e.g. cart total changed)
selector.setAttribute('amount', '7500');

// Update session
selector.setAttribute('session-id', 'new-session-id');

Ready to handle user selections? See Events.