@chainrails/vanilla

Vanilla Web Component integration for Chainrails payments.

Installation

pnpm add @chainrails/vanilla
# or
npm install @chainrails/vanilla

Usage

import { createPaymentSession } from "@chainrails/vanilla";

const modal = document.createElement("chainrails-payment-modal");
document.body.appendChild(modal);

const session = createPaymentSession({
  session_url: "http://localhost:4000/create-session",
  onSuccess: () => console.log("Payment Successful"),
  onCancel: () => console.log("Payment Cancelled"),
});

session.bind(modal);

document.getElementById("pay-btn")?.addEventListener("click", () => {
  session.open();
});

Element attributes

• session-token
• amount
• session-url
• is-open
• is-pending
• theme
• accent-color
• exclude-chains
• env (production or internal)

Re-exports

• Chainrails
• crapi
• Chains
• AmountSymbols