@shayanja/react-crypto-payment NPM

React Crypto Payment Component

A beautiful, production-ready React component for accepting cryptocurrency payments.

Installation

npm install @shayanja/react-crypto-payment

Usage

import { CryptoPayment } from '@shayanja/react-crypto-payment'

function App() {
  return (
    <CryptoPayment
      amount={99.99}
      currency="USD"
      productName="Premium Membership"
      description="Access to exclusive content and benefits"
      onPaymentComplete={(txHash) => console.log('Payment successful:', txHash)}
      onPaymentError={(error) => console.error('Payment error:', error)}
      theme="light"
      apiUrl="https://your-backend-url.com"
    />
  )
}

Running the backend

You can run the backend using npm start in the same directory as your React app.

Props

Prop	Type	Default	Description
amount	number	required	The payment amount
currency	'USD' \| 'EUR' \| 'GBP'	'USD'	The currency for the payment
onPaymentComplete	(txHash: string) => void	undefined	Callback when payment is successful
onPaymentError	(error: Error) => void	undefined	Callback when an error occurs
theme	'light' \| 'dark'	'light'	The theme of the component
productName	string	undefined	The product name to show
description	string	undefined	The description of the produc
apiUrl	string	undefined	The API URL for the backend