chore(demos): icon demo

demos/buttons/index.ts

@@ -1,7 +0,0 @@
-import {App} from 'ionic/ionic';
-
-
-@App({
-  templateUrl: 'main.html'
-})
-class E2EApp {}

demos/buttons/main.html

@@ -1,28 +0,0 @@
-
-<ion-toolbar>
-  <ion-title>Default Buttons</ion-title>
-</ion-toolbar>
-
-<ion-content class="padding" style="text-align:center">
-
-  <p>
-    <button block>Default</button>
-  </p>
-
-  <p>
-    <button secondary block>Secondary</button>
-  </p>
-
-  <p>
-    <button danger block>Danger</button>
-  </p>
-
-  <p>
-    <button light block>Light</button>
-  </p>
-
-  <p>
-    <button dark block>Dark</button>
-  </p>
-
-</ion-content>

demos/icons/index.ts

@@ -0,0 +1,13 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+	templateUrl: 'main.html'
+})
+
+class DemoApp {
+	constructor() {
+		this.homeIcon = 'home';
+		this.isActive = false;
+	}
+}

demos/icons/main.html

@@ -0,0 +1,77 @@
+
+<ion-toolbar>
+  <ion-title>Icons</ion-title>
+</ion-toolbar>
+
+<ion-content>
+
+<ion-list>
+
+  <ion-header>
+    Favorite Icons
+  </ion-header>
+
+  <ion-switch>
+    <icon wifi item-left></icon>
+    Wifi
+  </ion-switch>
+
+  <ion-item>
+    <icon heart item-left></icon>
+    Affection
+    <div class="item-note" item-right>
+      Very Little
+    </div>
+  </ion-item>
+
+  <ion-item>
+    <icon home item-left></icon>
+    Home
+    <div class="item-note" item-right>
+      Where the heart is
+    </div>
+  </ion-item>
+
+  <ion-switch checked="true">
+    <icon color-wand item-left></icon>
+    Magic
+  </ion-switch>
+
+  <ion-item>
+    <icon star item-left></icon>
+    Star status
+    <div class="item-note" item-right>
+      Super
+    </div>
+  </ion-item>
+
+  <ion-item>
+    <icon pizza item-left></icon>
+    Pizza
+    <div class="item-note" item-right>
+      Always
+    </div>
+  </ion-item>
+
+  <ion-item>
+    <icon beer item-left></icon>
+    Beer
+    <div class="item-note" item-right>
+      Yes Plz
+    </div>
+  </ion-item>
+
+  <ion-item>
+    <icon wine item-left></icon>
+    Wine
+    <div class="item-note" item-right>
+      All the time
+    </div>
+  </ion-item>
+
+</ion-list>
+
+
+
+
+</ion-content>