quasar/src/components/resize-observer/QResizeObserver.json

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

{
  "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"
    }
  },

  "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"
        }
      }
    }
  }
}