feat(VFab): add new component (vuetifyjs#18083)

fixes vuetifyjs#1852 fixes vuetifyjs#2553 fixes vuetifyjs#7407
VIXI0 · Mar 13, 2024 · 350f00c · 350f00c
1 parent 5429a18
commit 350f00c
Show file tree

Hide file tree

Showing 22 changed files with 673 additions and 443 deletions.
diff --git a/packages/api-generator/src/locale/en/VFab.json b/packages/api-generator/src/locale/en/VFab.json
@@ -0,0 +1,9 @@
+{
+  "props": {
+    "app": "If true, attaches to the closest layout and positions according to the value of **location**.",
+    "appear": "Used to control the animation of the FAB.",
+    "extended": "An alternate style for the FAB that expects text.",
+    "location": "The location of the fab relative to the layout. Only works when using **app**.",
+    "offset": "Translates the Fab up or down, depending on if location is set to **top** or **bottom**."
+  }
+}
diff --git a/packages/docs/src/data/nav.json b/packages/docs/src/data/nav.json
@@ -228,6 +228,10 @@
         "title": "empty-states",
         "subfolder": "components"
       },
+      {
+        "title": "floating-action-buttons",
+        "subfolder": "components"
+      },
       {
         "title": "sparklines",
         "subfolder": "components"

diff --git a/packages/docs/src/data/page-to-api.json b/packages/docs/src/data/page-to-api.json
@@ -81,6 +81,7 @@
     "VExpansionPanelTitle"
   ],
   "components/file-inputs": ["VFileInput"],
+  "components/floating-action-buttons": ["VFab"],
   "components/footers": ["VFooter"],
   "components/forms": ["VForm"],
   "components/grids": ["VCol", "VContainer", "VRow", "VSpacer"],

diff --git a/packages/docs/src/examples/v-btn-fab/misc-display-animation.vue b/packages/docs/src/examples/v-btn-fab/misc-display-animation.vue
diff --git a/packages/docs/src/examples/v-btn-fab/misc-lateral-screens.vue b/packages/docs/src/examples/v-btn-fab/misc-lateral-screens.vue
diff --git a/packages/docs/src/examples/v-btn-fab/misc-small.vue b/packages/docs/src/examples/v-btn-fab/misc-small.vue