JSFiddle - React, Tailwind, and code Playground

by extempl

HTML

<div class="hx-auth-container hx-double-column-layout">
  <div class="logo"></div>
  <form class="hx-form" autocomplete="off">
    <header>
      <h3>Registration form</h3>
    </header>
    <label><span class="hx-form-label">First Name</span><input name="firstName"  autocomplete="off"></label>
    
    <label><span class="hx-form-label">Last Name</span><input name="lastName" autocomplete="off"></label>
    
    <label data-error="This field is required."><span class="hx-form-label">Email</span><input name="email" type="email" autocomplete="nnns"></label>
    
    <label></label>
    
    <label><span class="hx-form-label">Password</span><input name="password" type="password" class="toggleable"></label>
    
   
    <footer class="_footer right-aligned"><button type="button" class="button">Cancel</button><button type="submit" class="button primary" disabled="">Register</button></footer>
  </form>
</div>