docs(cb-a11y): Building examples - Form controls

Author: AlmeroSteyn

public/docs/_examples/cb-a11y/ts/app/a11y-form-controls.component.html

@@ -9,11 +9,7 @@ <h3>Implicit labeling</h3>
 
         <a11y-input>Type something:</a11y-input>
 
-        <div class="form-group">
-            <label>Test
-                <textarea class="form-control"></textarea>
-            </label>
-        </div>
+        <a11y-textarea>Type some text:</a11y-textarea>
 
         <a11y-checkboxes [checkboxModel]="checkBoxes" [checkboxName]="'likes'">
             What do you like most about Angular 2?

public/docs/_examples/cb-a11y/ts/app/a11y-form-controls.component.ts

@@ -6,6 +6,7 @@ import {A11yCheckboxes} from "./a11y-checkboxes.component";
 import {A11yHelper} from "./services/a11y-helper.service";
 import {A11yRadiobuttons} from "./a11y-radiobuttons.component";
 import {A11ySelect} from "./a11y-select.component";
+import {A11yTextarea} from "./a11y-textarea.component";
 
 @Component({
     selector: 'a11y-form-controls',
@@ -17,7 +18,8 @@ import {A11ySelect} from "./a11y-select.component";
         A11yInputExplicit,
         A11yCheckboxes,
         A11yRadiobuttons,
-        A11ySelect
+        A11ySelect,
+        A11yTextarea
     ]
 })
 export class A11yFormControls implements OnInit {

public/docs/_examples/cb-a11y/ts/app/a11y-input.component.html

@@ -1,4 +1,4 @@
-<div class="form-group col-xs-12">
+<div class="form-group ">
     <!-- #docregion cb-a11y-form-controls-input -->
     <label>
         <ng-content></ng-content>

public/docs/_examples/cb-a11y/ts/app/a11y-textarea.component.html

@@ -0,0 +1,5 @@
+<div class="form-group">
+    <label><ng-content></ng-content>
+        <textarea class="form-control"></textarea>
+    </label>
+</div>

public/docs/_examples/cb-a11y/ts/app/a11y-textarea.component.ts

@@ -0,0 +1,9 @@
+import {Component} from "angular2/core";
+
+@Component({
+    selector: 'a11y-textarea',
+    templateUrl: './app/a11y-textarea.component.html'
+})
+export class A11yTextarea {
+    
+}