quasar/src/components/fab/QFabAction.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{
  "mixins": [ "components/fab/use-fab" ],

  "props": {
    "icon": {
      "extends": "icon"
    },

    "anchor": {
      "type": "String",
      "desc": "How to align the Fab Action relative to Fab expand side; By default it uses the align specified in QFab",
      "values": [
        "start", "center", "end"
      ],
      "category": "style|content"
    },

    "to": {
      "type": [ "String", "Object" ],
      "desc": "Equivalent to Vue Router <router-link> 'to' property",
      "examples": [
        "/home/dashboard",
        ":to=\"{ name: 'my-route-name' }\""
      ],
      "category": "router"
    },

    "replace": {
      "type": "Boolean",
      "desc": "Equivalent to Vue Router <router-link> 'replace' property",
      "category": "router"
    }
  },

  "slots": {
    "default": {
      "desc": "Suggestion for this slot: QTooltip"
    },

    "icon": {
      "desc": "Slot for icon; Suggestion: QIcon",
      "addedIn": "v2.4"
    },

    "label": {
      "desc": "Slot for label",
      "addedIn": "v2.4"
    }
  },

  "events": {
    "click": {
      "extends": "click"
    }
  },

  "methods": {
    "click": {
      "desc": "Emulate click on QFabAction",
      "params": {
        "evt": {
          "extends": "evt"
        }
      }
    }
  }
}