Add form-multiselect

Author: adamwathan

public/index.html

@@ -29,6 +29,16 @@
                 <option>Option 2</option>
               </select>
             </label>
+            <label class="block mt-6">
+              <span class="text-gray-700">Multiselect</span>
+              <select class="form-input 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>
           </div>
           <div class="w-1/2 px-6">
             <div class="block">

tailwind.config.js

@@ -71,7 +71,7 @@ module.exports = {
             backgroundRepeat: 'no-repeat',
           },
         },
-        '.form-input, .form-textarea': {
+        '.form-input, .form-textarea, .form-multiselect': {
           backgroundColor: '#fff',
           borderWidth: theme('borderWidth.default', defaultTheme.borderWidth.default),
           borderRadius: theme('borderRadius.default', defaultTheme.borderRadius.default),