Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.pagamentos.dev/llms.txt

Use this file to discover all available pages before exploring further.

​
O que é Svelte?

Svelte é um framework JavaScript que compila componentes em código imperativo altamente otimizado, eliminando o virtual DOM e resultando em aplicações extremamente performáticas. Visite o site oficial do Svelte para saber mais.
Svelte é um framework de frontend. Isso significa que ele é executado no navegador do usuário e você pode usá-lo para criar interfaces de pagamento.Para lidar com a lógica de pagamento, como criar cobranças, processar pagamentos e lidar com webhooks, você ainda precisará de um backend. Confira o guia de integração com Backend para saber como configurar.

​
Instalação

Para começar o desenvolvimento, instale a biblioteca com seu gerenciador de pacotes favorito: 
npm i pagamentos

​
Seu primeiro componente

Vamos usar o componente Checkout para criar um checkout de pagamento simples:
Checkout.svelte
<script lang="ts">
  import { Checkout, CheckoutValues } from 'pagamentos/svelte'

  const metodos = ['pix', 'boleto', 'cartaoCredito']

  async function onSubmit(data: CheckoutValues) {
    console.log('Dados do pagamento:', data)
  }
</script>

<Checkout 
  {metodos}
  onSubmit={onSubmit}
/>