JSFiddle - React, Tailwind, and code Playground

by Denis Tverdokhlebov

HTML

<div class="xs-contact-form">
  <div class="form-row">
    <div class="col-md-6">
      <div class="form-group">
        <h3 class="h3">Name</h3> [text* name class:form-control]
      </div>
    </div>
    <div class="col-md-6">
      <div class="form-group">
        <h3 class="h3">Email</h3> [email* email class:form-control]
      </div>
    </div>
  </div>
  <div class="form-group">
    <h3 class="h3">Subject</h3> <input type="text" class="form-control" id="xs_contact_subject">
  </div>
  <div class="form-group">
    <h3 class="h3">Description</h3> [textarea* your-message class:form-control class:form-control-lg]
  </div>
  <div class="xs-btn-wraper"> [submit class:btn class:btn-primary class:badge class:badge-pill class:btn-lg "Get A Query"]</div>
</div>