Text input
Example text input
Example disabled, text input
Example readonly, text input
Example with instruction, text input
If the label needs further text to explain what we are asking for
Example with search icon, text input
Example with pre icon, text input
Example success, text input
Example success with icon, text input
Example error, text input
Example error with icon, text input
Example error with icon and instruction, text input
Some error instruction
Example focused error with icon and instruction, text input
Some error instruction
Textarea
Example text input
Example with no label
Example disabled, text input
Disabled text
Example readonly, text input
Disabled text
Example with instruction, text input
If the label needs further text to explain what we are asking for
Example with search icon, text input
Example success, text input
Example success with icon, text input
Example error, text input
Example error with icon, text input
Example error with icon and instruction, text input
Some error instruction
Example focused error with icon and instruction, text input
Some error instruction
Example with icon button
Example with rows attribute set to 8
Example with maxlength attribute set to 100 and counter
100
characters remaining
100
Example with curent counter set to 10 and maxlength attribute set to 100 and counter
1234567890
100
characters remaining
100
Date of birth variation
Date of birth
Password input
Example with icon password input