diff --git a/demos/buttons/main.html b/demos/buttons/main.html
index 24c06781f9..da5e5546e9 100644
--- a/demos/buttons/main.html
+++ b/demos/buttons/main.html
@@ -28,4 +28,79 @@
     <button dark block>Dark</button>
   </p>
 
+  <h4>Shapes</h4>
+
+  <p>
+    <button full>Full Button</button>
+  </p>
+
+  <p>
+    <button block>Block Button</button>
+  </p>
+
+  <p>
+    <button round>Round Button</button>
+  </p>
+
+    <p>
+    <button fab style="position: relative;">FAB</button>
+  </p>
+
+  <h4>Outlines</h4>
+
+  <p>
+    <button secondary full outline>Outline + Full</button>
+  </p>
+
+  <p>
+    <button secondary block outline>Outline + Block</button>
+  </p>
+
+  <p>
+    <button secondary round outline>Outline + Round</button>
+  </p>
+
+    <p>
+    <button secondary fab outline style="position: relative;">FAB</button>
+  </p>
+
+  <h4>Icons</h4>
+
+  <p>
+    <button dark>
+      <icon star></icon>
+      Left Icon
+    </button>
+  </p>
+
+  <p>
+    <button dark>
+      Right Icon
+      <icon star></icon>
+    </button>
+  </p>
+
+  <p>
+    <button dark>
+      <icon star></icon>
+    </button>
+  </p>
+
+
+  <h4>Sizes</h4>
+
+  <p>
+    <button light large>Large</button>
+  </p>
+
+  <p>
+    <button light>Default</button>
+  </p>
+
+  <p>
+    <button light small>Small</button>
+  </p>
+
+
+
 </ion-content>