From b7bff56d25708b484658ff3481b8d636b0c5382c Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Wed, 9 Dec 2015 11:19:09 -0600
Subject: [PATCH] docs(demos/showWhen): api demo

---
 demos/show-when/app.html  |  1 +
 demos/show-when/index.ts  | 20 ++++++++++++++++++++
 demos/show-when/main.html |  9 +++++++++
 3 files changed, 30 insertions(+)
 create mode 100644 demos/show-when/app.html
 create mode 100644 demos/show-when/index.ts
 create mode 100644 demos/show-when/main.html

diff --git a/demos/show-when/app.html b/demos/show-when/app.html
new file mode 100644
index 0000000000..776be9a94a
--- /dev/null
+++ b/demos/show-when/app.html
@@ -0,0 +1 @@
+<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
diff --git a/demos/show-when/index.ts b/demos/show-when/index.ts
new file mode 100644
index 0000000000..a1884eb2c1
--- /dev/null
+++ b/demos/show-when/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/show-when/main.html b/demos/show-when/main.html
new file mode 100644
index 0000000000..bacd10e446
--- /dev/null
+++ b/demos/show-when/main.html
@@ -0,0 +1,9 @@
+<ion-navbar *navbar>
+  <ion-title>ShowWhen</ion-title>
+</ion-navbar>
+
+<ion-content padding>
+  <p show-when="ios">
+    <b>(show-when="ios")</b> This text is shown on iOS only. Click the Android tab to hide this text.
+  </p>
+<ion-content>