Tailwind CSS Inputs - Versoly UI

Added in 1.0

Example

<div class="col mb-4 md:w-7/12">
  <label>Full Name</label>
  <input type="text" class="form-input" name="name" placeholder="Full Name"/>
</div>

Sizing

<div class="col mb-4 md:w-7/12">
  <label class="text-lg">Large Input</label>
  <input type="text" class="form-input form-input-lg" name="name" placeholder="Large"/>
</div>
<div class="col mb-4 md:w-7/12">
  <label class="text-sm">Small Input</label>
  <input type="text" class="form-input form-input-sm" name="small" placeholder="Small"/>
</div>