docs(demos/checkbox): checkbox api demo

demos/checkbox/app.html

@@ -0,0 +1,2 @@
+<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
+<ion-overlay></ion-overlay>

demos/checkbox/index.ts

@@ -0,0 +1,20 @@
+import {App, Page, IonicApp} from 'ionic/ionic';
+
+@App({
+  templateUrl: 'app.html'
+})
+class ApiDemoApp {
+
+  constructor() {
+    this.rootPage = InitialPage;
+  }
+}
+
+@Page({
+  templateUrl: 'main.html'
+})
+export class InitialPage {
+  constructor() {
+  }
+}
+

demos/checkbox/main.html

@@ -0,0 +1,57 @@
+<ion-navbar *navbar>
+  <ion-title>Checkbox</ion-title>
+</ion-navbar>
+
+<ion-content>
+  <ion-list>
+
+    <ion-checkbox checked="true">
+      Jon Snow
+    </ion-checkbox>
+
+    <ion-checkbox dark checked="true">
+      Daenerys Targaryen
+    </ion-checkbox>
+
+    <ion-checkbox value="cherry" disabled="true">
+      Arya Stark
+    </ion-checkbox>
+
+    <ion-checkbox secondary>
+      Tyrion Lannister
+    </ion-checkbox>
+
+    <ion-checkbox danger checked="true">
+      Sansa Stark
+    </ion-checkbox>
+
+    <ion-checkbox>
+      Khal Drogo
+    </ion-checkbox>
+
+    <ion-checkbox energized checked="true" dark>
+      Cersei Lannister
+    </ion-checkbox>
+
+    <ion-checkbox royal checked="true">
+      Stannis Baratheon
+    </ion-checkbox>
+
+    <ion-checkbox disabled="true">
+      Petyr Baelish
+    </ion-checkbox>
+
+    <ion-checkbox dark checked="true">
+      Hodor
+    </ion-checkbox>
+
+    <ion-checkbox secondary checked="true">
+      Catelyn Stark
+    </ion-checkbox>
+
+    <ion-checkbox royal>
+      Bronn
+    </ion-checkbox>
+
+  </ion-list>
+<ion-content>

ionic/components/checkbox/checkbox.ts

@@ -17,6 +17,7 @@ import {Form} from '../../util/form';
  *   HTML5
  * </ion-checkbox>
  * ```
+ * @demo /docs/v2/demos/checkbox/
  * @see {@link /docs/v2/components#checkbox Checkbox Component Docs}
  */
 @Component({