Paper iconPaper

CheckoutWithCard


Colors

Tip: Alpha channels are supported!
#ac486aa0 →

React code sample

1<CheckoutWithCard
2  configs='{
3  "contractId": "914d6c3b-1f67-45e5-9694-c4170b2c868b",
4  "walletAddress": "0xc8186a3044D311eec1C1b57342Aaa290F6d90Aa5",
5  "mintMethod": {
6    "name": "claimTo",
7    "args": {
8      "_to": "$WALLET",
9      "_quantity": "$QUANTITY",
10      "_tokenId": 0
11    },
12    "payment": {
13      "currency": "MATIC",
14      "value": "0.0001  * $QUANTITY"
15    }
16  },
17  "title": "Hello World",
18  "expiresInMinutes": 1440
19}'
20  onPaymentSuccess={(result) => console.log(result)}
21  onReview={(result) => console.log(result)}
22  onError={(error) => console.error(error)}
23  options={{
24    colorBackground: '#fefae0',
25    colorPrimary: '#606c38',
26    colorText: '#283618',
27    borderRadius: 6,
28    inputBackgroundColor: '#faedcd',
29    inputBorderColor: '#d4a373',
30  }}
31/>

© 2023

Made in California