Input
Inputs are necessary for user interaction with the website. Inputs are used to take information from the user, and then save the data to the server, accordingly.
Input Primary
Input displays with border primary color and border radius of 4px by default.
Input Curved
Input curved displays with border-radius of 50% and border as a primary color. You need to add
input_curved to get curved border radius
Input Disabled
Input disabled displayed with grey border and its not actionable. When hover on particular input, cursor will shown as not-allowed.
Input Warning
Input warning displays with a border colored warning. It is used in form validation.
Input Success
Input success displays with a border colored success. It is used in form validation.
Input Error
Input error displays with a border colored red. It is used in form validation.
Material Input Primary
Material Input Primary displays with a primary border color with label placed on top left of input.
Material Input Curved
Material Input curved displays with border-radius of 50% and border as a primary color with label placed on top left of input.
Material Input Disabled
Material Input disabled displayed with grey border with label placed on top left of input and its not actionable. When hover on particular input, cursor will shown as not-allowed.
Material Input Warning
Material Input warning displays with a border colored warning. It is used in form validation.
Material Input Success
Material Input success displays with a border colored success. It is used in form validation.
Material Input Error
Material Input Error displays with a border colored error. It is used in form validation.