Paper iconPaper

CheckoutWithEth


Colors

Tip: Alpha channels are supported!
#ac486aa0 →

React code sample

1<CheckoutWithEth
2        configs={
3  "contractId": "914d6c3b-1f67-45e5-9694-c4170b2c868b",
4  "mintMethod": {
5    "name": "claimTo",
6    "args": {
7      "_to": "$WALLET",
8      "_quantity": "$QUANTITY",
9      "_tokenId": 0
10    },
11    "payment": {
12      "currency": "MATIC",
13      "value": "0.0001  * $QUANTITY"
14    }
15  },
16  "email": "[email protected]",
17  "title": "Hello World",
18  "expiresInMinutes": 10080,
19  "capturePaymentLater": false
20}
21        suppressErrorToast={true}
22        receivingWalletType='MetaMask'
23        onSuccess={(result) => console.log(result)}
24        onWalletConnected={(userAddress, chainId) => console.log(userAddress)}
25        onError={(error) => console.error(error)}
26        // Set to false if you'll handle wallet connection on your app.
27        showConnectWalletOptions={true}
28        options={{
29          colorBackground: '#F7F0FF',
30          colorPrimary: '#7371FC',
31          colorText: '#222222',
32          borderRadius: '6',
33        }}
34      />

© 2023

Made in California