quasar/dist/api/QResizeObserver.json

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

{
  "type": "component",
  "meta": {
    "docsUrl": "https://v2.quasar.dev/vue-components/resize-observer"
  },
  "props": {
    "debounce": {
      "type": [
        "String",
        "Number"
      ],
      "desc": "Debounce amount (in milliseconds)",
      "default": 100,
      "examples": [
        "0",
        "530"
      ],
      "category": "behavior",
      "required": false
    }
  },
  "events": {
    "resize": {
      "desc": "Parent element has resized (width or height changed)",
      "params": {
        "size": {
          "type": "Object",
          "desc": "New size",
          "definition": {
            "height": {
              "type": "Number",
              "required": true,
              "desc": "Layout height"
            },
            "width": {
              "type": "Number",
              "required": true,
              "desc": "Layout width"
            }
          }
        }
      }
    }
  },
  "methods": {
    "trigger": {
      "desc": "Emit a 'resize' event",
      "params": {
        "immediately": {
          "type": "Boolean",
          "desc": "Skip over the debounce amount"
        }
      }
    }
  }
}