From 948298bd3383be7f3c8451a702c2c26b545cc496 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Tue, 5 Dec 2017 18:47:20 +0800
Subject: Improve form control sizes support

---
 docs/elements.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'docs/elements.html')

diff --git a/docs/elements.html b/docs/elements.html
index 43f2988..c8fac12 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -1156,6 +1156,9 @@
             </select>
           </div>
         </div>
+        <div class="docs-note">
+          <p>You can add the <code>input-sm</code>/<code>input-lg</code> classes to the input-checkbox, input-radio and input-switch to have different sizes.</p>
+        </div>
 
         <h4 id="forms-icons" class="s-subtitle">Form icons</h4>
         <div class="docs-note">
@@ -1362,6 +1365,26 @@
             </div>
           </div>
         </div>
+        <div class="columns">
+          <div class="column col-xs-12">
+            <div class="input-group">
+              <label class="form-switch">
+                <input type="checkbox">
+                <i class="form-icon"></i>
+              </label>
+              <input type="text" class="form-input" placeholder="name">
+            </div>
+          </div>
+          <div class="column col-xs-12">
+            <div class="input-group">
+              <label class="form-checkbox">
+                <input type="checkbox">
+                <i class="form-icon"></i>
+              </label>
+              <input type="text" class="form-input" placeholder="name">
+            </div>
+          </div>
+        </div>
         <div class="columns">
           <div class="column col-xs-12">
             <div class="input-group">
@@ -1381,6 +1404,7 @@
             </div>
           </div>
         </div>
+
         <div class="docs-note">
           <p>If you want to attach text and button along with an input, add the <code>input-group</code> class to the input container. And add the <code>input-group-addon</code> class to the text element and <code>input-group-btn</code> to the button element.</p>
         </div>
-- 
cgit v1.3.1-23-gd82d