Tailwind Multiselect component

Responsive multiselect built with Tailwind CSS. Unlike a normal select, multiselect allows the user to select multiple options at once. Free download.


Basic

Use multiple attribute to the select element to activate multiple mode.

        
            
      <!-- 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: 300px">
        <span class="text-gray-700">Multiselect</span>
        <select class="form-multiselect block w-full mt-1" multiple>
          <option>Option 1</option>
          <option>Option 2</option>
          <option>Option 3</option>
          <option>Option 4</option>
          <option>Option 5</option>
        </select>
      </label>
      
        
    

If you are looking for more advanced options, try Bootstrap Multiselect from MDBootstrap.