JSFiddle - React, Tailwind, and code Playground

by Atty Eleti

HTML

<html>
  <head>
    <title>Shopify Card</title>
    <script src="https://js.stripe.com/v3"></script>
    <link
      rel="stylesheet"
      href="https://unpkg.com/@shopify/[email protected]/dist/styles.css"
    />
  </head>
  <body>
    <div style="--top-bar-background:#00848e; --top-bar-background-lighter:#1d9ba4; --top-bar-color:#f9fafb; --p-frame-offset:0px;">
        <div class="Polaris-Card">
        <div class="Polaris-Card__Header">
          <h2 class="Polaris-Heading">Your card</h2>
        </div>
        <div class="Polaris-Card__Section">
          <p>View a summary of your online store’s performance.</p>
        </div>
      </div>
    </div>
   </body>
</html>