Text Field
Text Field
Full Functionality JS Component (Floating Label, Validation)
Email Address
Helper Text
Disabled
RTL
Dense
Required
Alternate Colors
Use Helper Text
Make helper text persistent
Use helper text as validation message
Password field with validation
Choose password
Must be at least 8 characters long
Outlined Text Field
Your Name
Helper Text
Disabled
RTL
Alternate Colors
Dense
Required
Must be at least 8 characters
Must not exceed 10 characters
Text Field - Leading/Trailing icons
event
Your name
Your other name
delete
event
Your other name
Your other name
delete
Disabled
RTL
Dense
Unclickable icons
Alternate Colors
Required
Must be at least 8 characters
Preventing FOUC
Label floating above
Textarea
Textarea Label
Disabled
RTL
Alternate Colors
Required
Full-Width Text Field and Textarea
Textarea Label
Disabled
Dense
Required
Alternate Colors
Custom error state behaviour - remove error state as soon as invalid input is resolved
Phone number
Enter 10 digit phone number including area code