Input
Note: I have set the root font-size to 10px for this library.
Instructions to import the Input component in your CSS or HTML:
Text Input
by default, a SUI input can be used with an overhead label. Add input_req class to mark the input field as required.
The demo below shows a default and a required input.
First Name
username
Input with validation
similar to the default input, with diffent color style and validation message
username
username not available
username
username is available
Input with Icon
similar to the default input, with an icon
search
Text Area
all the styles from input can also be applied to text area.
comment
Oops! cannot post an empty comment