docs(cb-a11y): Content - Form controls

Author: AlmeroSteyn

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

@@ -235,6 +235,51 @@ code-example(language="html" escape="html" format="linenums").
 :marked
     #### Radiobuttons
 
+    Your component template:
+
++makeExample('cb-a11y/ts/app/form-controls/a11y-radiobuttons.component.html')
+
+:marked
+    Used as:
+
++makeExample('cb-a11y/ts/app/form-controls/a11y-form-controls.component.html','cb-a11y-form-controls-radiobuttons-usage')
+
+:marked
+    Which is then rendered as:
+
+code-example(language="html" escape="html" format="linenums").
+    <a11y-radiobuttons>
+        <fieldset class="form-group row">
+            <legend class="col-xs-12">
+                Choose your favourite Angular 2 language:
+            </legend>
+            <div class="radio col-xs-12">
+                <label>
+                    <input type="radio" value="0" name="language">
+                    TypeScript
+                </label>
+            </div>
+            <div class="radio col-xs-12">
+                <label>
+                    <input type="radio" value="1" name="language">
+                    JavaScript
+                </label>
+            </div>
+            <div class="radio col-xs-12">
+                <label>
+                    <input type="radio" value="2" name="language">
+                    ES6
+                </label>
+            </div>
+            <div class="radio col-xs-12">
+                <label>
+                    <input type="radio" value="3" name="language">
+                    Dart
+                </label>
+            </div>
+        </fieldset>
+    </a11y-radiobuttons>
+
 :marked
     #### Select lists