JSFiddle - React, Tailwind, and code Playground

HTML

<div class="login-window"><!-- login window-->
     <button type="button" class="btn btn-primary accordion" 
             data-toggle="collapse" data-target="#login">Log in</button>
     <button type="button" class="btn btn-primary accordion" 
             data-toggle="collapse" data-target="#signup">Sign up</button>
     <div id="login" class="collapse in">
	      <form role="form">
              <div class="form-group">
                  <input type="text" class="form-control" id="nm" 
                         placeholder="Username"style="margin-top:5px;">
                  <input type="email" class="form-control" id="email" 
                         placeholder="Email" >
                  <input type="password" class="form-control" id="psw" 
                         placeholder="Password"style="margin-top:5px;">
              </div>
          </form>
      </div>
	  <div id="signup" class="collapse">
	     <form role="form">
             <div class="form-group">
                 <input type="email" class="form-control" id="email" 
                        placeholder="Email" >
                 <input type="text" class="form-control" id="nm" 
                        placeholder="Username"style="margin-top:5px;">
                 <input type="password" class="form-control" id="psw" 
                        placeholder="Password"style="margin-top:5px;">
             </div>
         </form>
     </div>
</div><!-- login window ends-->