Inputs

Inputs are used to take input or values from the user. They are used in the signup pages, login pages, in form of search bars and also in various other places in the website to get data from the user.

Examples

The examples of default input, different input sizes, input styles and input validations have been provided.

Default Input

Use the txt-input classname to create a input component. Just add the classname to the input tag.

Input Sizes

There are four sizes of input available. Use txt-xs classname for extra small size, txt-sm classname for small size, txt-md classname for medium size and txt-lg classname for large size of the input tag.

Input Styles

Various different input styles can be created by adding their respective classnames along with the txt-input classname. There are outlined input, filled input, flushed input and unstyles input types available.

Input Validations

Use the respective validation classes along with the input tag to display validation messages to users. The txt-validation-error classname can be used to display validation error and txt-validation-success classname can be used to display validation success.