JSFiddle - React, Tailwind, and code Playground

by Palpatim

HTML

<!-- Mockup at http://imgur.com/af2C6.jpg -->

<h1>Wallet Exchange</h1>

<form action="/multicurrency/transfer" method="post">
  <div>
    Amount <input type="text" name="amount" id="amount" />
  </div>

  <div>
    Exchange
    <select>
      <option value="AUD">AUD</option>
      <option value="EUR">EUR</option>
      <option value="HKD">HKD</option>
      <option value="USD">USD</option>
    </select>

    <select>
      <option value="AUD">AUD</option>
      <option value="EUR">EUR</option>
      <option value="HKD">HKD</option>
      <option value="USD">USD</option>
    </select>
  </div>

  <div>
    Total <input type="text" id="total" name="total" disabled="disabled" />
  </div>

  <input type="button" value="Cancel" />
  <input type="submit" value="Transfer"/>

  <div>
    Visa TravelMoney Conversion rate
    AUD 1.00 = 1.2345 HKD
  </div>

  <div>
    This rate will remain valid for another 11 second(s).
  </div>

</form>

CSS

* {
  font-family: sans-serif;
}