rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00
Code Issues Actions Packages Releases Activity

Docs: add indeterminate disabled checkbox example (#36674)

Browse Source
This commit is contained in:
Julien Déramond 2022-07-06 07:43:38 +02:00 committed by GitHub
parent 22c7503c88
commit 6cf72530ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/assets/js/snippets.js
View File

@ -102,7 +102,9 @@
// Indeterminate checkbox example in docs and StackBlitz // Indeterminate checkbox example in docs and StackBlitz
document.querySelectorAll('.bd-example-indeterminate [type="checkbox"]') document.querySelectorAll('.bd-example-indeterminate [type="checkbox"]')
.forEach(checkbox => { .forEach(checkbox => {
if (checkbox.id.includes('Indeterminate')) {
checkbox.indeterminate = true checkbox.indeterminate = true
}
}) })
// ------------------------------- // -------------------------------

8
site/content/docs/5.2/forms/checks-radios.md
View File

@ -49,7 +49,13 @@ Checkboxes can utilize the `:indeterminate` pseudo class when manually set via J
Add the `disabled` attribute and the associated `<label>`s are automatically styled to match with a lighter color to help indicate the input's state. Add the `disabled` attribute and the associated `<label>`s are automatically styled to match with a lighter color to help indicate the input's state.
{{< example >}} {{< example class="bd-example-indeterminate" stackblitz_add_js="true" >}}
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminateDisabled" disabled>
<label class="form-check-label" for="flexCheckIndeterminateDisabled">
Disabled indeterminate checkbox
</label>
</div>
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDisabled" disabled> <input class="form-check-input" type="checkbox" value="" id="flexCheckDisabled" disabled>
<label class="form-check-label" for="flexCheckDisabled"> <label class="form-check-label" for="flexCheckDisabled">