Form Elements
Inputs
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Inputs](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/inputs.png)
Textarea
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Textarea](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/textarea.png)
Select
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Select](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/select.png)
Checkboxes
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Checkboxes](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/checkboxes.png)
Radios
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Radios](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/radios.png)
File
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of File](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/file.png)
Input with Help
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Input with Help](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/input-with-help.png)
Input with Validation Error
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Input with Validation Error](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/input-with-validation-error.png)
Input with Validation Success
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Input with Validation Success](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/input-with-validation-success.png)
Small Inputs
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Small Inputs](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/small-inputs.png)
Large Inputs
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Large Inputs](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/large-inputs.png)
Small Textarea
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Small Textarea](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/small-textarea.png)
Large Textarea
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Large Textarea](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/large-textarea.png)
Small Select
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Small Select](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/small-select.png)
Large Select
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Large Select](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/large-select.png)
Disabled
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Disabled](https://cdn.tailkit.com/media/screenshots/application-ui/components/form-elements/disabled.png)
Make them yours!