@rebornpay/elements-web

Web Components for Reborn Elements — framework-agnostic custom elements.

Docs: docs.rebornpay.io/guides/elements

Install

npm install @rebornpay/elements-web

Quick start

import { registerRebornElements } from "@rebornpay/elements-web";

registerRebornElements();

<reborn-elements publishable-key="pk_test_...">
  <reborn-payment-element
    client-secret="cs_..."
    session-id="session-uuid"
    payment-method-order="pix,card"
    amount-in-cents="1150"
  ></reborn-payment-element>
</reborn-elements>

registerRebornElements() is also called automatically on import.

Custom elements

| Tag | Class export | |-----|----------------| | <reborn-elements> | RebornElementsElement | | <reborn-payment-element> | RebornPaymentElementElement | | <reborn-pay-button> | RebornPayButtonElement |

Snippets

import {
  INSTALL,
  WEB_COMPONENTS_SNIPPET,
  WEB_COMPONENTS_HTML_SNIPPET,
  WEB_PAY_BUTTON_SNIPPET,
} from "@rebornpay/elements-web/snippets";

Plain HTML

Works without a bundler when combined with the CDN core bundle, or import this package from your build tool.