Tailwind CSS Layout - Versoly UI

Added in 1.0

Example

<form class="row">
  <div class="col mb-4 md:w-6/12">
    <label>Full Name:</label>
    <input type="text" class="form-input" name="name" placeholder="Full Name" required="" />
  </div>
  <div class="col mb-4 md:w-6/12">
    <label>Email:</label>
    <input type="email" class="form-input" name="email" placeholder="Email" />
  </div>
  <div class="col mb-4">
    <label>Subject:</label>
    <input type="text" class="form-input" name="subject" placeholder="Subject" required="" />
  </div>
  <div class="col mb-4">
    <label>Message:</label>
    <textarea class="form-input" rows="5" placeholder="Message" name="message"></textarea>
  </div>
  <div class="col mb-4 inline-flex items-center">
    <input type="checkbox" class="form-checkbox" checked="" id="agree" name="agree" required="" />
    <label class="ml-2" for="agree">Email me product updates and special offers.</label>
  </div>
  <div class="col">
    <button class="btn btn-lg btn-primary" type="submit">Send Message</button>
  </div>
</form>