CryptoPayment

Resmic Component for EVM Compatible Blockchain

Usage

import { useState } from 'react';
import { CryptoPayment, Tokens, Chains } from 'resmic'

function App() {

	const [paymentStatus, setPaymentStatus] = useState(false) // Returns bool after the payment
	
	// Your code...

  return (
        <div>
            <CryptoPayment 
                      Address={ {EVM:"0x056397760b973BfB921Bc10Be9DA5034B1e921d7", STARKNET:"0x05Ea419aa3Ad67A9f9721dc38257f8Cc1E032b0Ac83ED6b532Aad3e1778c1B9F"}} // Wallet Address to receive Funds.
                      Chains={[ Chains.Ethereum, Chains.Polygon, Chains.Starknet, Chains.Sepolia]}
                      Tokens ={[Tokens.STARK, Tokens.SETH, Tokens.DAI, Tokens.ETH, Tokens.BNB, Tokens.USDC]} 
                      Amount={100} // Amount in USD
                      noOfBlockConformation={2}
                      setPaymentStatus = {setPaymentStatus}
                      Style = {{displayName: "Make Payment", 
                                backgroundColor: "#007bff",
                                color: "#fff",
                                border: "none",
                                padding: "10px 20px",
                                borderRadius: "4px",
                                fontSize: "18px",
                                cursor: "pointer"}} 
            />
	  </div>

  )

}

Important

Visit list of supported blockchains & supported tokens for more details.