From 5f5d38fe2ca87b0b87b7062ca5efaa048478d0f8 Mon Sep 17 00:00:00 2001
From: Nicolas Garnier <nivco@google.com>
Date: Mon, 29 Jun 2015 14:31:30 +0200
Subject: [PATCH] Add snippets for Mini FABs and Icon buttons

---
 docs/_pages/components.md                    | 14 ++++++++++++++
 src/button/snippets/fab-mini-accent.html     |  4 ++++
 src/button/snippets/fab-mini-colored.html    |  4 ++++
 src/button/snippets/fab-mini.html            |  4 ++++
 src/button/snippets/icon-raised-colored.html |  4 ++++
 src/button/snippets/icon-raised.html         |  4 ++++
 src/button/snippets/icon.html                |  4 ++++
 7 files changed, 38 insertions(+)
 create mode 100644 src/button/snippets/fab-mini-accent.html
 create mode 100644 src/button/snippets/fab-mini-colored.html
 create mode 100644 src/button/snippets/fab-mini.html
 create mode 100644 src/button/snippets/icon-raised-colored.html
 create mode 100644 src/button/snippets/icon-raised.html
 create mode 100644 src/button/snippets/icon.html

diff --git a/docs/_pages/components.md b/docs/_pages/components.md
index 4e60b60a..c7ce6373 100644
--- a/docs/_pages/components.md
+++ b/docs/_pages/components.md
@@ -66,6 +66,20 @@ categories:
               file: flat-primary.html
             - caption: Accent colored flat
               file: flat-accent.html
+          - snippet_group:
+            - caption: Icon button
+              file: icon.html
+            - caption: Raised
+              file: icon-raised.html
+            - caption: Colored
+              file: icon-raised-colored.html
+          - snippet_group:
+            - caption: Mini FAB
+              file: fab-mini.html
+            - caption: Colored
+              file: fab-mini-colored.html
+            - caption: Accent colored
+              file: fab-mini-accent.html
   - name: cards
     title: Cards
     description: Self-contained pieces of paper with data.
diff --git a/src/button/snippets/fab-mini-accent.html b/src/button/snippets/fab-mini-accent.html
new file mode 100644
index 00000000..a5d87826
--- /dev/null
+++ b/src/button/snippets/fab-mini-accent.html
@@ -0,0 +1,4 @@
+<!-- Accent colored mini FAB button -->
+<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--accent">
+  <i class="material-icons">add</i>
+</button>
diff --git a/src/button/snippets/fab-mini-colored.html b/src/button/snippets/fab-mini-colored.html
new file mode 100644
index 00000000..3e35a159
--- /dev/null
+++ b/src/button/snippets/fab-mini-colored.html
@@ -0,0 +1,4 @@
+<!-- Colored mini FAB button -->
+<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored">
+  <i class="material-icons">add</i>
+</button>
diff --git a/src/button/snippets/fab-mini.html b/src/button/snippets/fab-mini.html
new file mode 100644
index 00000000..8b5c5ca3
--- /dev/null
+++ b/src/button/snippets/fab-mini.html
@@ -0,0 +1,4 @@
+<!-- Mini FAB button -->
+<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab">
+  <i class="material-icons">add</i>
+</button>
diff --git a/src/button/snippets/icon-raised-colored.html b/src/button/snippets/icon-raised-colored.html
new file mode 100644
index 00000000..2a2947dc
--- /dev/null
+++ b/src/button/snippets/icon-raised-colored.html
@@ -0,0 +1,4 @@
+<!-- Raised colored icon button -->
+<button class="mdl-button mdl-js-button mdl-button--icon mdl-button--raised mdl-button--colored">
+  <i class="material-icons">mood</i>
+</button>
diff --git a/src/button/snippets/icon-raised.html b/src/button/snippets/icon-raised.html
new file mode 100644
index 00000000..eb65fd6b
--- /dev/null
+++ b/src/button/snippets/icon-raised.html
@@ -0,0 +1,4 @@
+<!-- Raised icon button -->
+<button class="mdl-button mdl-js-button mdl-button--icon mdl-button--raised">
+  <i class="material-icons">mood</i>
+</button>
diff --git a/src/button/snippets/icon.html b/src/button/snippets/icon.html
new file mode 100644
index 00000000..122023a5
--- /dev/null
+++ b/src/button/snippets/icon.html
@@ -0,0 +1,4 @@
+<!-- Icon button -->
+<button class="mdl-button mdl-js-button mdl-button--icon">
+  <i class="material-icons">mood</i>
+</button>