### Validation States

### Default Form Validation States

Input with success
Success! You've done it.
Example help text that remains unchanged.
Input with warning
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Input with danger
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Highlight Input Control Border

Add `m-form--state` class to the form element to highlight form control borders on validation states change.
Input with success
Success! You've done it.
Example help text that remains unchanged.
Input with warning
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Input with danger
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Horizontal Form Validation States

Input with success
Success! You've done it.
Example help text that remains unchanged.
Input with warning
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Input with danger
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Input Style Validation States

Solid Input Style
Success! You've done it.
Example help text that remains unchanged.
Pill Input Style
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Air Input Style
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Input Group Validation States

Left Addon
Success! You've done it.
Example help text that remains unchanged.
Right Addon
USD
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Input with danger
@
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Icon Input Validation States

Left Icon
Success! You've done it.
Example help text that remains unchanged.
Right Icon
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Both Icons
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Checkbox & Radio Validation States

Checkboxes
Option 1 Option 2 Option 3
Success! You've done it.
Example help text that remains unchanged.
Inline Checkboxes
Option 1 Option 2 Option 3
Success! You've done it.
Example help text that remains unchanged.
Radios
Option 1 Option 2 Option 3
Success! You've done it.
Example help text that remains unchanged.
Inline Radios
Option 1 Option 2 Option 3
Success! You've done it.
Example help text that remains unchanged.

### Button Addons Validation States

Left Button
Success! You've done it.
Example help text that remains unchanged.
Right Button
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Both Buttons
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Highlight Input Control Border

Add `m-form--state` class to the form element to highlight form control borders on validation states change.
Left Button
Success! You've done it.
Example help text that remains unchanged.
Right Button
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Both Buttons
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Button Addons Validation States

Left Button
Success! You've done it.
Example help text that remains unchanged.
Right Button
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Both Buttons
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

### Dropdowns Addon Validation States

Left Dropdown
Success! You've done it.
Example help text that remains unchanged.
Right Button
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Both Buttons
Sorry, that username's taken. Try another?
Example help text that remains unchanged.