JSFiddle - React, Tailwind, and code Playground

by mikkelb

HTML

<h1>Success!</h1>
<h2>Thank you for your order!<h2>
<p>Your items are being sent using DHL Express to:</p>
<ul>
  <li>Kari Nordmann</li>
  <li>Olav Kyrresgt. 10</li>
  <li>5055 Bergen</li>
  <li>Norway</li>
</ul>
<p>Your credit card has been billed $105.</p>
<ul>
  <li><a href="#">View full order details</a></li>
  <li><a href="#">Track your order</a></li>
</ul>
<p>It appears [email protected] does not have an account with us. You will need one to track your order. Create one now?</p>
<form>
  <fieldset id="registered-customers" class="aligned">
    <h2>Yes, I want an account</h2>
    <div class="text"><label>My new password</label><input type="text"></div>
    <div class="checkbox">
      <input type="checkbox" checked>
      <label>Join our mailing list</label>
    </div>
    <input type="submit" class="button" value="Sign up now">
  </fieldset>
</form>