JSFiddle - React, Tailwind, and code Playground

by SebastianV

HTML

<script src='https://cdn.checkout.ventrata.com/v3/pr/1382/ventrata-checkout.min.js' type='module' data-config='{"apiKey":"23b0177b-2184-4659-889f-2cb5c5aae25e"}'></script>

<h1>Test card</h1>
<h3>Card number: 5555444433331111</h3>
<h3>Expiration: 03/30</h3>
<h3>CVV: 737</h3>

<br>
<button ventrata-checkout data-config='{"productID": "dcaf4844-324c-46ae-9209-a975a9d19acd"}'>
Kathmandu - Gift Card 
</button> (Checked Allow Gift Voucher )
<br /><br />
<button ventrata-checkout data-config='{"productID": "dcaf4844-324c-46ae-9209-a975a9d19acd",  "features": { "openGiftFlow": true}}'>
Kathmandu - openGiftFlow
</button>
<br /><br />
<button ventrata-checkout data-config='{"productID": "dcaf4844-324c-46ae-9209-a975a9d19acd",  "features": { "disableGiftAmountInput": true}}'>
Kathmandu - disableGiftAmountInput
</button>
<br /><br />
<button ventrata-checkout data-config='{"productID": "dcaf4844-324c-46ae-9209-a975a9d19acd",  "features": { "openGiftFlow": true, "disableGiftAmountInput": true, "promoAndGiftCardInput": false}}'>
Kathmandu - openGiftFlow & disableGiftAmountInput & promoAndGiftCardInput
</button>