VueJs reactive <input /> component with configurable classes, variants, and most common events. Friendly with utility-first frameworks like TailwindCSS.
In this tab you can view and download or copy the settings to make your theme look like the demo. If you want to modify these settings use the customize tab.
In this tab you can modify the TailwindCSS classes of the theme we create as example, you can also edit or delete as many variants as you wish. Once you finished you can preview your theme on the demo tab or grab the settings from the settings tab.
Fixed classes shared by all the variants
Classes used by default (when no variant is applied)