From 99db7132e6de01afccf28cf31068bd4b253ea959 Mon Sep 17 00:00:00 2001
From: Samuel Georges <sam@daftspunk.com>
Date: Sat, 21 Sep 2019 10:07:01 +1000
Subject: [PATCH]  Add a working checkbox list doc code example to october
 website  (#4600)

---
 modules/system/assets/ui/docs/checkbox.md | 38 +++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/modules/system/assets/ui/docs/checkbox.md b/modules/system/assets/ui/docs/checkbox.md
index a286b62e6..d4276d9cd 100644
--- a/modules/system/assets/ui/docs/checkbox.md
+++ b/modules/system/assets/ui/docs/checkbox.md
@@ -9,6 +9,44 @@ Allows a user to select from a small set of binary options.
         <label for="checkbox1">Checkbox</label>
     </div>
 
+### Checkbox lists
+
+Allows a user to select from a list of binary options.
+
+    <div class="form-group checkboxlist-field">
+        <label>Checkbox list (hard-coded) example</label>
+        <div class="field-checkboxlist">
+            <!-- Quick selection (start) -->
+            <div class="checkboxlist-controls">
+                <div>
+                    <a href="javascript:;" data-field-checkboxlist-all><i class="icon-check-square"></i> <?= e(trans('backend::lang.form.select_all')) ?></a>
+                </div>
+                <div>
+                    <a href="javascript:;" data-field-checkboxlist-none><i class="icon-eraser"></i> <?= e(trans('backend::lang.form.select_none')) ?></a>
+                </div>
+            </div>
+            <!-- Quick selection (end) -->
+            <div class="field-checkboxlist-container">
+                <p class="help-block before-field">What cars would you like in your garage?</p>
+                <div class="checkbox custom-checkbox" tabindex="0">
+                    <input id="checkbox-example1" name="checkbox" value="1" type="checkbox" checked="checked" aria-checked="true" />
+                    <label for="checkbox-example1"> Dodge Viper </label>
+                    <p class="help-block">Do not send new comment notifications.</p>
+                </div>
+                <div class="checkbox custom-checkbox" tabindex="0">
+                    <input id="checkbox-example2" name="checkbox" value="2" type="checkbox" aria-checked="false" />
+                    <label for="checkbox-example2"> GM Corvette </label>
+                    <p class="help-block">Send new comment notifications only to post author.</p>
+                </div>
+                <div class="checkbox custom-checkbox" tabindex="0">
+                    <input id="checkbox-example3" name="checkbox" value="3" type="checkbox" aria-checked="mixed" />
+                    <label for="checkbox-example3"> Porsche Boxter </label>
+                    <p class="help-block">Notify all users who have permissions to receive blog notifications.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
 ### Radio
 
     <div class="radio custom-radio">