docs(demos): badge demo

demos/component-docs/badge/basic/pages.ts

@@ -0,0 +1,13 @@
+import {Page} from 'ionic/ionic';
+import {forwardRef} from 'angular2/angular2';
+import {AndroidAttribute} from '../../helpers';
+
+@Page({
+    templateUrl: 'badge/basic/template.html',
+    directives: [forwardRef(() => AndroidAttribute)]
+})
+export class BasicPage {
+    constructor() {
+
+    }
+}

demos/component-docs/badge/basic/styles.scss

@@ -0,0 +1,4 @@
+.preview-icons {
+  font-size: 2em;
+  text-align: center;
+}

demos/component-docs/badge/basic/template.html

@@ -0,0 +1,35 @@
+
+<ion-navbar *navbar hide-back-button class="show-navbar android-attr">
+  <ion-title>Badge</ion-title>
+</ion-navbar>
+
+<ion-content>
+
+  <ion-card>
+
+    <img src="img/bjork-live.png"/>
+
+    <ion-card-content>
+      <h2 class="card-title">
+        Björk
+      </h2>
+      <p>
+        Björk first came to prominence as one of the lead vocalists of the avant pop Icelandic sextet the Sugarcubes, but when...     
+      </p>
+    </ion-card-content>
+
+    <ion-item>
+      <icon musical-notes item-left style="color: #d03e84"></icon>
+      Albums
+      <ion-badge item-right>9</ion-badge>
+    </ion-item>
+
+    <ion-item>
+      <icon ion-social-twitter item-left style="color: #55acee"></icon>
+      Followers
+      <ion-badge item-right>260k</ion-badge>
+    </ion-item>
+
+  </ion-card>
+
+</ion-content>