From 3323275dddf4d25269a6e5fc304c0811af1ff22a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Nie=C3=9F?= <randUsr@users.noreply.github.com>
Date: Fri, 19 May 2017 20:31:01 +0200
Subject: [PATCH] docs(checkbox): add advanced example

Add an example for how to do a function call when checkbox changed
---
 src/components/checkbox/checkbox.ts | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/components/checkbox/checkbox.ts b/src/components/checkbox/checkbox.ts
index 86377f4c0c..ef3bb9086e 100644
--- a/src/components/checkbox/checkbox.ts
+++ b/src/components/checkbox/checkbox.ts
@@ -42,6 +42,34 @@ import { Item } from '../item/item';
  *  </ion-list>
  * ```
  *
+ * @advanced
+ *
+ * ```html
+ *
+ * <!-- Call function when state changes -->
+ *  <ion-list>
+ *
+ *    <ion-item>
+ *      <ion-label>Cucumber</ion-label>
+ *      <ion-checkbox [(ngModel)]="cucumber" (ionChange)="updateCucumber()"></ion-checkbox>
+ *    </ion-item>
+ *
+ *  </ion-list>
+ * ```
+ *
+ * ```ts
+ * @Component({
+ *   templateUrl: 'main.html'
+ * })
+ * class SaladPage {
+ *   cucumber: boolean;
+ *
+ *   updateCucumber() {
+ *     console.log("Cucumbers new state:" + this.cucumber);
+ *   }
+ * }
+ * ```
+ *
  * @demo /docs/demos/src/checkbox/
  * @see {@link /docs/components#checkbox Checkbox Component Docs}
  */