Tailwind select

Responsive selects built with Tailwind. Customize the native select with custom CSS that changes the element’s initial appearance.


Basic example

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!-- Required form plugin -->
<link href="https://cdn.jsdelivr.net/npm/@tailwindcss/custom-forms@0.2.1/dist/custom-forms.css" rel="stylesheet">

<label class="block text-left" style="max-width: 400px;">
  <span class="text-gray-700">Select</span>
  <select class="form-select block w-full mt-1">
      <option>Option 1</option>
      <option>Option 2</option>
  </select>
</label>