Tailwind Forms
HEAVILY inspired by Adam Wathan's Tailwind Form Styles
Installation
npm install tailwind-forms
Configuration
// tailwind.config.js theme: ... plugins:
There are currently no options available. You can customize everything by stacking core utility classes.
Usage
Text Input
Name
Textarea
Textarea
Select
Select Option 1 Option 2
Select Multiple
Multiselect Option 1 Option 2 Option 3 Option 4 Option 5
Checkbox
Checkboxes Option 1 Option 2 Option 3
clicked
background color
Changing the Checkboxes Option 1 Option 2 Option 3
Radio Button
Radio Buttons Option 1 Option 2 Option 3
checked
background color
Changing the Radio Buttons Option 1 Option 2 Option 3
Input Groups
<!-- Button Right --> Submit <!-- Text Right --> @example.com <!-- Button Left --> Submit <!-- Text Left --> @