Web3pay

This widget has two ways to use it:

1. Widget: It displays chain name and amount that needs to pay in the web, before you click pay button.

2. Button: It displays pay button in the web.

All of those way, after you click pay button, it will popup a tips to tell you the next step.

Usage

    npm install @web3camp/web3-pay --save

or

    yarn add @web3camp/web3-pay

In your webpage

Button mode:

    import { PayBtn }  from "@web3camp-labs/web3pay";


    function App() {
        return (
            <div className="App">
                <PayBtn accept = {
                    [
                        {
                            blockchain: 'ethereum',
                            amount:0.0001,
                            receiver: '0x4e2........02'
                        },
                        {
                            blockchain: 'bsc',
                            amount:0.01,
                            receiver: '0x07D.......153'
                        }
                    ]
                 } />
             </div>
        );
    }
    

Widget mode:

    import { Widget }  from "@web3camp/web3-pay";


    function App() {
        return (
            <div className="App">
                <Widget accept = {
                    [
                        {
                            blockchain: 'ethereum',
                            amount:0.0001,
                            receiver: '0x4e2........02'
                        },
                        {
                            blockchain: 'bsc',
                            amount:0.01,
                            receiver: '0x07D.......153'
                        }
                    ]
                 } />
             </div>
        );
    }
    

blockchain:

We support ethereum, bsc, polygon now

amount:

The amount that you need to pay

receiver:

The address receiving the payment