Input

Inputs are necessary for user interaction with the website by allowing users to input information of various types and then save the data to the server accordingly.

We offer following types of input components- Default Inputs, Inline Inputs, Inputs with success validations, Inputs with warning validations, Inputs with error validations, and Textbox.

Default Input

To generate a default input, use the base class input along with the supporting class input-default.

Copy the code below to generate a default Input

Inline Input

To generate an inline input, use the base class input-group along with the supporting class input-inline.

Copy the code below to generate an Inline Input

Input with Success validation

To generate an input that converys a success validation, use the base class input-group along with the supporting class input-success.

Strong Password

Copy the code below to generate an Input with Success validation

Input with Warning validation

To generate an input that conveys a warning validation, we use the base class input-group class along with the supporting class input-warning.

Weak Password

Copy the code below to generate an Input with Warning

Input with Error validation

To generate an input that conveys an error validation, we use the base class input-group class along with the supporting class input-error.

Incorrect Email

Copy the code below to generate an Input with error

Default Textbox

This input component allows users to enter multiple lines of text.

To generate a textbox use the base class input-group along with the supporting classes textbox-default and textbox-group.

Copy the code below to generate a Default textbox