diff options
| author | Mark Otto <[email protected]> | 2016-02-13 18:04:51 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-13 18:04:51 -0800 |
| commit | 6ec9aa34a4b6d43b593b97f9b207410eff8f0152 (patch) | |
| tree | 9de22eefff352a51d0ef180373c3d28037b70b97 /docs/components/forms.md | |
| parent | ceb0e9b69f0d0b1b606073f826b8a9083e8ff347 (diff) | |
| parent | 0c46412a4ce69f1fa8051b5dd73b6cc8401daf87 (diff) | |
| download | bootstrap-6ec9aa34a4b6d43b593b97f9b207410eff8f0152.tar.xz bootstrap-6ec9aa34a4b6d43b593b97f9b207410eff8f0152.zip | |
Merge pull request #19139 from twbs/v4-custom-forms-validation
v4: Validation states on custom forms
Diffstat (limited to 'docs/components/forms.md')
| -rw-r--r-- | docs/components/forms.md | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index 0028c2b85..ef56a9e89 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -764,6 +764,33 @@ Custom checkboxes and radios can also be disabled. Add the `disabled` boolean at </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 m-b-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 |