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 @@
+
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 @@
+
+ ShowWhen
+
+
+
+
+ (show-when="ios") This text is shown on iOS only. Click the Android tab to hide this text.
+
+