</label>
{% endexample %}
-#### Validation states
-
-Add other states to your custom forms with our validation classes.
-
-{% example html %}
-<div class="form-group has-success">
- <label class="custom-control custom-checkbox">
- <input type="checkbox" class="custom-control-input">
- <span class="custom-control-indicator"></span>
- <span class="custom-control-description">Check this custom checkbox</span>
- </label>
-</div>
-<div class="form-group has-warning">
- <label class="custom-control custom-checkbox">
- <input type="checkbox" class="custom-control-input">
- <span class="custom-control-indicator"></span>
- <span class="custom-control-description">Check this custom checkbox</span>
- </label>
-</div>
-<div class="form-group has-danger mb-0">
- <label class="custom-control custom-checkbox">
- <input type="checkbox" class="custom-control-input">
- <span class="custom-control-indicator"></span>
- <span class="custom-control-description">Check this custom checkbox</span>
- </label>
-</div>
-{% endexample %}
-
#### Stacked
Custom checkboxes and radios are inline to start. Add a parent with class `.custom-controls-stacked` to ensure each form control is on separate lines.