Clay Paver 2 (2.11.1)

Input Success

input-success-border-color

input-success-color

input-success-bg

input-success-box-shadow

input-success-select-icon-color

input-success-select-icon

input-success-checkbox-label-color

input-success-label-color

form-feedback-valid-color

Input Success Focus

input-success-focus-border-color

input-success-focus-color

input-success-focus-bg

input-success-focus-box-shadow

Input Warning

input-warning-border-color

input-warning-color

input-warning-bg

input-warning-box-shadow

input-warning-select-icon-color

input-warning-select-icon

input-warning-checkbox-label-color

input-warning-label-color

form-feedback-warning-color

Input Warning Focus

input-warning-focus-border-color

input-warning-focus-color

input-warning-focus-bg

input-warning-focus-box-shadow

Input Danger

input-danger-border-color

input-danger-color

input-danger-bg

input-danger-box-shadow

input-danger-select-icon-color

input-danger-select-icon

input-danger-checkbox-label-color

input-danger-label-color

form-feedback-invalid-color

Input Danger Focus

input-danger-focus-border-color

input-danger-focus-color

input-danger-focus-bg

input-danger-focus-box-shadow

Form Feedback

form-feedback-font-size

form-feedback-font-weight

form-feedback-margin-top

form-feedback-indicator-margin-x

Form Text

form-text-font-size

form-text-font-weight

form-text-margin-top

form-text-color

Input Validation States (Not HTML5, External Javascript Required)

normal

This is a form-feedback-item.

This is a form-feedback-indicator.

This is form-text.

has-success

This is a form-feedback-item.

This is a form-feedback-indicator.

This is form-text.

has-warning

This is a form-feedback-item.

This is a form-feedback-indicator.

This is form-text.

has-error

This is a form-feedback-item.

This is a form-feedback-indicator.

This is form-text.

Custom Checkbox Validation States

Custom Checkbox with Success

Custom Checkbox with Warning

Custom Checkbox with Error

Custom Radio Validation States

Custom Radio with Success

Custom Radio with Warning

Custom Radio with Error

Checkbox Validation States (Browser Default)

Checkbox with Success

Checkbox with Warning

Checkbox with Error

Radio Validation States (Browser Default)

Radio with Success

Radio with Warning

Radio with Error

Select Element Validation States

Select Element with Success

Select Box with Warning

Select Box with Error

Multiple Select Element Validation States

Multiple Select Element with Success

Multiple Select Element with Warning

Multiple Select Element with Error

Readonly Validation States

Text Input (Read Only) with Success

Text Input (Read Only) with Warning

Text Input (Read Only) with Error

Textarea (Read Only) with Success

Plunger pot, extra siphon latte, as americano aromatic roast cultivar cup cup frappuccino. To go, strong, half and half foam single origin, cultivar affogato black grounds shop ut plunger pot. Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java. Percolator americano at cultivar grinder est java percolator plunger pot shop con panna.

Textarea (Read Only) with Warning

Plunger pot, extra siphon latte, as americano aromatic roast cultivar cup cup frappuccino. To go, strong, half and half foam single origin, cultivar affogato black grounds shop ut plunger pot. Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java. Percolator americano at cultivar grinder est java percolator plunger pot shop con panna.

Textarea (Read Only) with Error

Plunger pot, extra siphon latte, as americano aromatic roast cultivar cup cup frappuccino. To go, strong, half and half foam single origin, cultivar affogato black grounds shop ut plunger pot. Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java. Percolator americano at cultivar grinder est java percolator plunger pot shop con panna.

Input Group Password Validation States

Password Field Error

The password is wrong.

Password Field Warning

You are getting closer keep trying!

Password Field Success

The password is correct!

Input Validation States (HTML5)

First Name

Please enter first name.

Last Name

Please enter last name.

City

Please enter city.

State

Please enter state.

Zip Code

Please enter zip code.

Password

Use atleast 6 characters.

Regular Checkbox

Custom Checkbox

Regular Radio

Custom Radio