diff options
1 files changed, 14 insertions, 1 deletions
| -rw-r--r-- | docs/elements.html | 15 |
diff --git a/docs/elements.html b/docs/elements.html index b07807c..2c7086f 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -682,7 +682,20 @@ <span class="hljs-tag"></<span class="hljs-name">label</span>></span> <span class="hljs-tag"></<span class="hljs-name">div</span>></span> </code></pre> - <p>You can use <code>:indeterminate</code> pseudo class for indeterminate state of checkboxes.</p> + <div class="docs-demo columns"> + <div class="column"> + <div class="form-group"> + <label class="form-checkbox"> + <input id="docs-demo-checkbox" type="checkbox"><i class="form-icon"></i> Select all + </label> + </div> + </div> + </div> + <script> + document.getElementById("docs-demo-checkbox").indeterminate = true; + + </script> + <p>You can change checkbox to indeterminate state by setting the <code>indeterminate</code> property of input checkboxes to <code>true</code>.</p> <h4 class="s-subtitle" id="forms-horizontal">Horizontal forms<a class="anchor" href="#forms-horizontal" aria-hidden="true">#</a></h4> <p>If you want to have a horizontal form, add the <code>form-horizontal</code> class to the <form> container. And add the <code>col-<1-12></code> and <code>col-xs/sm/lg/xl-<1-12></code> class to the child elements for responsive form row layout. |