From 791cb2017e37ad89abcd53d957764f08bf137b52 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Thu, 10 Dec 2015 12:41:34 -0600
Subject: [PATCH] docs(demos/checkbox): checkbox api demo

---
 demos/checkbox/app.html               |  2 +
 demos/checkbox/index.ts               | 20 ++++++++++
 demos/checkbox/main.html              | 57 +++++++++++++++++++++++++++
 ionic/components/checkbox/checkbox.ts |  1 +
 4 files changed, 80 insertions(+)
 create mode 100644 demos/checkbox/app.html
 create mode 100644 demos/checkbox/index.ts
 create mode 100644 demos/checkbox/main.html

diff --git a/demos/checkbox/app.html b/demos/checkbox/app.html
new file mode 100644
index 0000000000..5f6bb33d68
--- /dev/null
+++ b/demos/checkbox/app.html
@@ -0,0 +1,2 @@
+<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
+<ion-overlay></ion-overlay>
\ No newline at end of file
diff --git a/demos/checkbox/index.ts b/demos/checkbox/index.ts
new file mode 100644
index 0000000000..a1884eb2c1
--- /dev/null
+++ b/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() {
+  }
+}
+
diff --git a/demos/checkbox/main.html b/demos/checkbox/main.html
new file mode 100644
index 0000000000..95a4203845
--- /dev/null
+++ b/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>
diff --git a/ionic/components/checkbox/checkbox.ts b/ionic/components/checkbox/checkbox.ts
index 2f21c27cf3..b752798aed 100644
--- a/ionic/components/checkbox/checkbox.ts
+++ b/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({