Forms
1. Default Form
Copy
2. Floating Label
Copy
Use these form elements inspired by material design from Google to adjust the label tag as the visual placeholder for the input elements using the peer-placeholder-shown and peer-focus utility classes.
These components require Tailwind CSS v3.x and above.
3. Input Size
Copy
4. Disabled Inputs
5. Shadow Inputs
Copy
6. Helper Information
Copy
We’ll never share your details. Read our Privacy Policy.
7. Input with Icon
Copy
8. Input with addon
Copy
@
9. Success and error validation
Copy
Alright! Username available!
Oops! Username already taken!
10. Select Input
Copy
11. Form Textarea
Copy
12. Checkbox
Copy
13. Form Radio
Copy
14. File upload
Copy
15. Toggle Switch
Copy
On this Page
- Default Form
- Floating Label
- Input Size
- Disabled Inputs
- Shadow Inputs
- Helper Information
- Input with Icon
- Input with addon
- Success and error validation
- Select Input
- Form Textarea
- Checkbox
- Form Radio
- File upload
- Toggle Switch
Next Element:
Previous Element:
Company
Useful Links
Subscribe for updates
Stay in Touch with us and get all the updates for next offers and Deals.