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  "title": "Hello World",
6  "mintMethod": {
7    "name": "claimTo",
8    "args": {
9      "_to": "$WALLET",
10      "_quantity": "$QUANTITY",
11      "_tokenId": 0
12    },
13    "payment": {
14      "currency": "MATIC",
15      "value": "0.0001  * $QUANTITY"
16    }
17  }
18}
19  onPaymentSuccess={(result) => console.log(result)}
20  onReview={(result) => console.log(result)}
21  onError={(error) => console.error(error)}
22  options={{
23    colorBackground: '#F7F0FF',
24    colorPrimary: '#7371FC',
25    colorText: '#222222',
26    borderRadius: 6,
27    inputBackgroundColor: '#F5EFFF',
28    inputBorderColor: '#7371FC',
29  }}
30/>

© 2023

Made in California