Tailwind UI
Components
Templates
New
Documentation
Search components
Open navigation
Account
Input Groups
Application UI
/
Forms
Input with label
Preview
Code
HTML
React
Vue
Input with label and help text
Preview
Code
HTML
React
Vue
Input with validation error
Preview
Code
HTML
React
Vue
Input with disabled state
Preview
Code
HTML
React
Vue
Input with hidden label
Preview
Code
HTML
React
Vue
Input with corner hint
Preview
Code
HTML
React
Vue
Input with leading icon
Preview
Code
HTML
React
Vue
Input with trailing icon
Preview
Code
HTML
React
Vue
Input with add-on
Preview
Code
HTML
React
Vue
Input with inline add-on
Preview
Code
HTML
React
Vue
Input with inline leading and trailing add-ons
Preview
Code
HTML
React
Vue
Input with inline leading dropdown
Preview
Code
HTML
React
Vue
Input with inline leading add-on and trailing dropdown
Preview
Code
HTML
React
Vue
Input with leading icon and trailing button
Preview
Code
HTML
React
Vue
Inputs with shared borders
Preview
Code
HTML
React
Vue
Input with inset label
Preview
Code
HTML
React
Vue
Inputs with inset labels and shared borders
Preview
Code
HTML
React
Vue
Input with overlapping label
Preview
Code
HTML
React
Vue
Input with pill shape
Preview
Code
HTML
React
Vue
Input with gray background and bottom border
Preview
Code
HTML
React
Vue
Input with keyboard shortcut
Preview
Code
HTML
React
Vue