diff --git a/demos/component-docs/main.html b/demos/component-docs/main.html
index e30af01893..91e63e2d53 100644
--- a/demos/component-docs/main.html
+++ b/demos/component-docs/main.html
@@ -173,6 +173,44 @@
 
   </section>
 
+  <section id="icon-buttons" [ng-class]="{hidden: component.title !== 'Icon Buttons' }" class="section-padding">
+
+    <p>
+      <button>
+        <icon home></icon>
+        Home
+      </button>
+    </p>
+
+    <p>
+      <button secondary>
+        <icon people></icon>
+        Friends
+      </button>
+    </p>
+
+    <p>
+      <button danger>
+        <icon close></icon>
+      </button>
+    </p>
+
+    <p>
+      <button light>
+        <icon arrow-back></icon>
+        Back
+      </button>
+    </p>
+
+    <p>
+      <button dark>
+        <icon hammer></icon>
+      </button>
+    </p>
+
+  </section>
+  
+
 
   <section id="cards" [ng-class]="{hidden: component.title !== 'Cards' }">