Form controls

  <label class="ui-form-control-label" for="name">Name</label>
  <input type="text" class="ui-form-control" id="name" placeholder="John Gold" />

  <label class="ui-form-control-label" for="color">Name</label>
  <input type="color" class="ui-form-control" id="color"  />

<label class="block mb-3">
  <span class="ui-form-control-label">Country</span>
  <span class="ui-form-control-wrapper">
    <select class="ui-form-control">
      <option value="us">USA</option>
      <option value="ua">Ukraine</option>
      <option value="es">Spain</option>
    </select>
  </span>
</label>

  <label class="ui-form-control-label" for="message">Message</label>
  <textarea class="ui-form-control" id="message" />

  <input type="checkbox" class="ui-checkbox"  />

  <input type="checkbox" class="ui-checkbox"  />