docs(cb-a11y): Content - Form controls

Author: AlmeroSteyn

public/docs/ts/latest/cookbook/a11y.jade

@@ -283,6 +283,30 @@ code-example(language="html" escape="html" format="linenums").
 :marked
     #### Select lists
 
+    Your component template:
+
++makeExample('cb-a11y/ts/app/form-controls/a11y-select.component.html')
+
+:marked
+    Used as:
+
++makeExample('cb-a11y/ts/app/form-controls/a11y-form-controls.component.html','cb-a11y-form-controls-select-usage')
+
+:marked
+    Which is then rendered as:
+
+code-example(language="html" escape="html" format="linenums").
+    <a11y-select>
+        <div class="form-group">
+            <label>Why are you interested in a11y?
+                <select class="form-control">
+                    <option value="0">Curiosity</option>
+                    <option value="1">Increased userbase</option>
+                    <option value="2">Legal reasons</option>
+                </select>
+            </label>
+        </div>
+    </a11y-select>
 
 .l-main-section
 <a id="keyboard-shortcuts"></a>