Module @inttegro/svelte

Svelte component adapter for Inttegro-hosted Checkout.

Checkout loads the runtime in a browser effect and destroys its controller when the component leaves the page. Keep it mounted while a payment attempt or external confirmation is pending.

Example

<script lang="ts">
  import { Checkout } from '@inttegro/svelte'
  let { orderId }: { orderId: string } = $props()
</script>

<Checkout
  {orderId}
  appearance={{ theme: 'system' }}
  onCompleted={() => location.assign('/orders/complete')}
  onError={reportCheckoutError}
/>

`@inttegro/svelte`

Svelte adapter for Inttegro hosted workflows. The component automatically uses @inttegro/js to load the executable runtime from Inttegro's fixed origin; it does not bundle the payment-collection runtime.

<script lang="ts">
  import { Checkout } from '@inttegro/svelte'
</script>

<Checkout {orderId} onCompleted={() => location.assign('/complete')} />

Configuration

CheckoutAppearance
CheckoutTheme

Events

CheckoutErrorEvent
CheckoutEvent

Other

Checkout
Checkout

Svelte

CheckoutProps