Input

A Form is a group of elements used to collect information from a user. It can include a combination of text, fields, select lists, data inputs, buttons, and more.

Input fields

To obtain this result, use label and input tag with email | password type and input-label, input-field class name respectively.

Input fields with validation

To obtain this result, use label and input tag with email | password type and input-label, input-field class name respectively. Add success | error class to show error.

Valid Email Id
Incorrect Password. Please try again

Radio button

To obtain this result, use input and label tag with radio type and input-selector-field, input-selector-label class name respectively.

Checkbox button

To obtain this result, use input and label tag with checkout type and input-selector-field, input-selector-label class name respectively.

Slider

To obtain this result, use input tag with range type and slider-wrapper, slider class name.

Textarea

To obtain this result, use label and textarea tag with input-label and input-field class name respectively.