diff --git a/src/components/button/examples/button-sizes/index.html b/src/components/button/examples/button-sizes/index.html
new file mode 100644
index 0000000000..0d1655d7ed
--- /dev/null
+++ b/src/components/button/examples/button-sizes/index.html
@@ -0,0 +1,33 @@
+<link rel="stylesheet" href="../../../../../dist/css/ionic.css">
+
+<style>
+  [ion-app] {
+    display: block;
+  }
+</style>
+
+<div ion-app>
+
+  <p>
+    <a class="button button-small button-positive" href="#">a.small</a>
+    <button class="button button-small button-positive">button.small</button>
+
+    <a class="button button-outline button-small button-positive" href="#">a.outline.small</a>
+    <button class="button button-outline button-small button-positive">button.outline.small</button>
+
+    <a class="button button-clear button-small button-positive" href="#">a.clear.small</a>
+    <button class="button button-clear button-small button-positive">button.clear.small</button>
+  </p>
+
+  <p>
+    <a class="button button-large button-positive" href="#">a</a>
+    <button class="button button-large button-positive">button</button>
+
+    <a class="button button-outline button-large button-positive" href="#">a</a>
+    <button class="button button-outline button-large button-positive">button</button>
+
+    <a class="button button-clear button-large button-positive" href="#">a</a>
+    <button class="button button-clear button-large button-positive">button</button>
+  </p>
+
+</div>