@rebornpay/elements-react

React bindings for Reborn Elements — ElementsProvider, PaymentElement, EmbedCheckout, RebornPayButton, and useReborn().

Docs: docs.rebornpay.io/guides/elements

Install

npm install @rebornpay/elements-react

Peer dependencies: react, react-dom (^18 or ^19).

Quick start

import { ElementsProvider, PaymentElement } from "@rebornpay/elements-react";

export function Checkout({ clientSecret, sessionId }: Props) {
  return (
    <ElementsProvider options={{ publishableKey: "pk_test_..." }}>
      <PaymentElement
        clientSecret={clientSecret}
        sessionId={sessionId}
        paymentMethodOrder={["pix", "card"]}
      />
    </ElementsProvider>
  );
}

Components

| Export | Description | |--------|-------------| | ElementsProvider | Context + loadElements instance | | PaymentElement | PIX + card UI with 3DS overlay | | EmbedCheckout | Hosted checkout iframe | | RebornPayButton | One-click pay button | | useReborn() | Access checkout, hosted, transactions imperatively |

Snippets

import {
  INSTALL,
  REACT_PAYMENT_ELEMENT_SNIPPET,
  REACT_EMBED_SNIPPET,
  REACT_PAY_BUTTON_SNIPPET,
  REACT_USE_REBORN_SNIPPET,
} from "@rebornpay/elements-react/snippets";

Types

Re-exports Element types from @rebornpay/elements (ElementsOptions, PaymentElementProps, PaymentResult, etc.).

Core SDK

This package depends on @rebornpay/elements. For CDN or framework-agnostic usage, install the core package directly.