diff --git a/components/Fab/Fab.vue b/components/Fab/Fab.vue index 152dda2a4..45b4723ac 100644 --- 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 index d13da0ed7..341e5668a 100644 --- 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.