Forms

Fields

Checkboxes

Label 1

Label 2

Label 3

Text Field Label

I agree to theTerms & conditions. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Checkbox element when on a dark background

Text Inputs

Text Field Label

Text Field Required

Text Field with Placeholder

Text Field Valid

Text Field Invalid Entry

This field has something wrong in it... write something right next time !

Text Field Clearable (cannot be used in conjunction with Validation)

Text Field with Icon on Label

To add an icon to the label, add it inside the label field

Email Inputs

Confirm Email

Password Inputs

Password

Confirm Password

Text Area Inputs

How can we help?

Select

Select2

Select2 Field

Contextual Text Field

Contextual ie part of a longer/full sentence or context.

Numeric Field

Using data-type='number' to limit to numeric values only

Label with default field $ / month

Contextual Select DropDown

Contextual ie part of a longer/full sentence or context.