feat(fab): Add exited state (fixes #27)

matsp · Dec 10, 2017 · 44eda66 · 44eda66
1 parent 5686399
commit 44eda66
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/components/Fab/Fab.vue b/components/Fab/Fab.vue
@@ -18,6 +18,10 @@ export default {
       type: Boolean,
       required: false
     },
+    exited: {
+      type: Boolean,
+      required: false
+    },
     icon: {
       type: String,
       required: true
@@ -36,7 +40,8 @@ export default {
     classes () {
       return {
         'mdc-fab--mini': this.mini,
-        'mdc-fab--absolute-right': this.absoluteRight
+        'mdc-fab--absolute-right': this.absoluteRight,
+        'mdc-fab--exited': this.exited
       }
     }
   },

diff --git a/components/Fab/README.md b/components/Fab/README.md
@@ -12,6 +12,7 @@
 | mini | Boolean | - | false | mini fab button |
 | icon | String | - | true | fab icon |
 | absoluteRight | Boolean | - | false | whether the fab should be rendered on the bottom right |
+| exited | Boolean | - | false | animates the fab out of view |
 | interactive | Boolean | - | false | fab with ripple effect |
 
 Events are mapped to the inner button element.