Add slot tooltip in fab (#928)

* add extra slot in fab component tooltip slot * add demo
quasarframework · Sep 26, 2017 · f45d850 · f45d850
1 parent 3a6633c
commit f45d850
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/dev/components/components/fab.vue b/dev/components/components/fab.vue
@@ -66,6 +66,7 @@
         class="fixed-bottom-right"
         style="right: 18px; bottom: 18px;"
       >
+        <q-tooltip ref="tooltip0" slot="tooltip" anchor="center left" self="center right" :offset="[20, 0]">Tooltip in FAB</q-tooltip>
         <q-fab-action color="purple" @click="toast('mail')" icon="mail">
           <q-tooltip anchor="center left" self="center right" :offset="[20, 0]">Mail</q-tooltip>
         </q-fab-action>

diff --git a/src/components/fab/QFab.vue b/src/components/fab/QFab.vue
@@ -12,6 +12,7 @@
       :color="color"
       :class="{glossy: glossy}"
     >
+      <slot name="tooltip"></slot>
       <q-icon :name="icon" class="q-fab-icon absolute-full row flex-center full-width full-height"></q-icon>
       <q-icon :name="activeIcon" class="q-fab-active-icon absolute-full row flex-center full-width full-height"></q-icon>
     </q-btn>