@rebornpay/elements-vue

Vue 3 bindings for Reborn Elements — plugin, components, and useReborn() composable.

Docs: docs.rebornpay.io/guides/elements

Install

npm install @rebornpay/elements-vue

Quick start

import { createApp } from "vue";
import { RebornElementsPlugin, RebornPaymentElement } from "@rebornpay/elements-vue";

createApp({
  components: { RebornPaymentElement },
  template: `
    <RebornPaymentElement
      client-secret="cs_..."
      session-id="session-uuid"
      :payment-method-order="['pix', 'card']"
    />
  `,
})
  .use(RebornElementsPlugin, { publishableKey: "pk_test_..." })
  .mount("#app");

Components

| Export | Custom element | Description | |--------|----------------|-------------| | RebornPaymentElement | — | Payment Element (PIX + card) | | RebornPayButton | — | Hosted pay button | | RebornElementsPlugin | — | app.use() with publishableKey | | useReborn() | — | Composable for headless APIs |

Snippets

import {
  INSTALL,
  VUE_PAYMENT_ELEMENT_SNIPPET,
  VUE_PAY_BUTTON_SNIPPET,
} from "@rebornpay/elements-vue/snippets";

Types

Re-exports from @rebornpay/elements.