JSFiddle - React, Tailwind, and code Playground

by Atty Eleti

HTML

<script src="https://js.stripe.com/v3"></script>

<span id='card-element'>
  <!-- If #card-element doesn't have a width set, the iframe will be 1px wide.
       Uncommenting the CSS in the right panel will give the iframe a correct width. -->
</span>

CSS

/* #card-element {
  width: 300px;
} */

JavaScript

const stripe = Stripe("pk_test_...");
const elements = stripe.elements();

const card = elements.create("card");
card.mount(document.getElementById('card-element'))