quasar-framework/src/components/fab/QFabAction.js

Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS

import { QBtn } from '../btn'
import FabMixin from './fab-mixin'

export default {
  name: 'q-fab-action',
  mixins: [FabMixin],
  inject: {
    __qFabClose: {
      default () {
        console.error('QFabAction needs to be child of QFab')
      }
    }
  },
  methods: {
    click (e) {
      this.__qFabClose().then(() => {
        this.$emit('click', e)
      })
    }
  },
  render (h) {
    return h(QBtn, {
      props: {
        fabMini: true,
        outline: this.outline,
        push: this.push,
        flat: this.flat,
        color: this.color,
        textColor: this.textColor,
        glossy: this.glossy,
        icon: this.icon
      },
      on: {
        click: this.click
      }
    }, [
      this.$slots.default
    ])
  }
}