docs(Transitions): add v-fab-transition

resolves #6987

packages/docs/src/data/pages/styles/Transitions.json

@@ -21,6 +21,7 @@
         {
           "type": "api",
           "value": [
+            "v-fab-transition",
             "v-fade-transition",
             "v-expand-transition",
             "v-scale-transition",
@@ -47,6 +48,7 @@
             "scroll-x-transitions",
             "scroll-y-transitions",
             "scale-transition",
+            "fab-transition",
             "fade-transition",
             "expand-transition",
             "custom-origin",

packages/docs/src/examples/transitions/fab-transition.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="text-center">
+    <v-menu transition="fab-transition">
+      <template v-slot:activator="{ on }">
+        <v-btn
+          dark
+          color="primary"
+          v-on="on"
+        >
+          Fab Transition
+        </v-btn>
+      </template>
+      <v-list>
+        <v-list-item v-for="n in 5" :key="n" @click="">
+          <v-list-item-title v-text="'Item ' + n"></v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-menu>
+  </div>
+</template>

packages/docs/src/lang/en/styles/Transitions.json

@@ -25,6 +25,10 @@
       "heading": "### Scale transition",
       "desc": "Many of Vuetify's components contain a <code>transition</code> prop which allows you to specify your own."
     },
+    "fab-transition": {
+      "heading": "### Fab transition",
+      "desc": "An example of the fab transition can be found in the  the `v-speed-dial` component."
+    },
     "fade-transition": {
       "heading": "### Fade transition",
       "desc": "Another example of the fade transition can be found on the Carousel component."