Smarty Pay Client React

React library for show a payment button

Demo

Online demo

Installation

npm i smartypay-client-react

Donation button

import { SmartyPayDonation } from 'smartypay-client-react';

<SmartyPayDonation
  donationId="some"
  theme="dark"
  lang="en"
/>

• donationId - you can get it here: https://dashboard.smartypay.io/
• lang - en by default (also has es, ru)
• theme - light (default) or dark

Payment Button

import { SmartyPayButton } from 'smartypay-client-react';

<SmartyPayButton
  amount="1.99" 
  token="bUSDT"
  lang="en"
  theme="dark"
  apiKey="YOUR_API_KEY"
/>

• amount - amount for invoice (example 0.99)
• token - see valid tokens here: https://docs.smartypay.io/general/supported-tokens
• lang - en by default (also has es, ru)
• theme - light (default) or dark
• apiKey - you can get it here: https://dashboard.smartypay.io/

Recharge Payment button

import { SmartyPayRechargePayment } from 'smartypay-client-react';

<SmartyPayRechargePayment
  address="CLIENT_RECHARGE_PAYMENT_ADDRESS"
  theme="dark"
  lang="en"
/>

• address - recharge payment address for client (see docs)
• lang - en by default (also has es, ru)
• theme - light (default) or dark

Example React Project

See files

Build steps

Clone repository into your dir

cd your_dir
git clone https://github.com/smarty-pay/smartypay-client-react

Build

npm install
npm run build