Inputs
Champs de saisie et formulaires
Input 01
Simple input with label.
Input 02
Input with helper text.
We won‘t share your email with anyone
Input 03
Input with hint.
Button 04
Input with gray background.
Input 05
Disabled input.
Input 06
Input with error.
Email is invalid
Input 07
Input with start icon.
Input 08
Input with start inline add-on.
Input 09
Input with inline add-ons.
Input 10
Input with start add-on.
Input 11
Input with end add-on.
Input 12
Input with inline start and end add-on.
Input 13
Input with end button.
Input 14
Input with end icon button.
Input 15
Input with button.
Input 16
Input with character limit.
Input 17
Input with characters left.
8 characters left
Input 18
Input with plus/minus buttons.
Input 19
Input with chevrons.
Input 20
Input with overlapping label.
Input 21
Input with inset label.
Input 22
Range input.
Input 23
Input with password strength indicator.
You will need to install a plugin to show the password when you click the eye icon. You can install this one Password plugin
Enter a password. Must contain:
- At least 8 characters - Requirement not met
- At least 1 number - Requirement not met
- At least 1 lowercase letter - Requirement not met
- At least 1 uppercase letter - Requirement not met
- At least 1 special character - Requirement not met