From 033abfa64017c6baa4aa362588322ff2ceae2787 Mon Sep 17 00:00:00 2001
From: Max Lynch <ihasmax@gmail.com>
Date: Mon, 6 Jul 2015 17:50:04 -0500
Subject: [PATCH] Expanded button sink demo

---
 .../components/app/test/sink/pages/button.ts  | 26 ++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/ionic/components/app/test/sink/pages/button.ts b/ionic/components/app/test/sink/pages/button.ts
index 4b816bb540..507134ce99 100644
--- a/ionic/components/app/test/sink/pages/button.ts
+++ b/ionic/components/app/test/sink/pages/button.ts
@@ -17,8 +17,7 @@ import {Routable, NavbarTemplate, Navbar, NavController, Content} from 'ionic/io
       The faithful button. Not only our favorite place to click, but a true friend.
     </p>
     <p>
-      Buttons come in lots of different colors, sizes (like those that take up the full width
-      and those that flow inline), and shapes.
+      Buttons come in lots of different colors:
     </p>
     <p>
       <div (^click)="onButtonClick($event)">
@@ -29,11 +28,32 @@ import {Routable, NavbarTemplate, Navbar, NavController, Content} from 'ionic/io
         <button dark>Dark</button>
         <button danger>Danger</button>
       </div>
+    </p>
+    <p>
+      various shapes:
+    </p>
+    <p>
+      <div (^click)="onButtonClick($event)">
+        <button primary small>small</button>
+        <button dark>Medium</button>
+        <button secondary large>LARGE</button>
+      </div>
+    </p>
+    <p>
+      and with different embellishments:
+    </p>
+    <p>
+      <div (^click)="onButtonClick($event)">
+        <button primary outline>Outline</button>
+        <button dark clear>Clear</button>
+        <button danger block>Block</button>
+      </div>
+    </p>
+    </p>
       <div *ng-if="clicked">
       <b>CLICKED</b>
       </div>
     </p>
-
   </ion-content>
   `,
   directives: [NavbarTemplate, Navbar, Content, NgIf]