quasar/dist/api/QSlideTransition.json

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

{
  "type": "component",
  "meta": {
    "docsUrl": "https://v1.quasar.dev/vue-components/slide-transition"
  },
  "props": {
    "appear": {
      "type": "Boolean",
      "desc": "If set to true, the transition will be applied on the initial render.",
      "category": "behavior"
    },
    "duration": {
      "type": "Number",
      "desc": "Duration (in milliseconds) enabling animated scroll.",
      "default": 300,
      "examples": [
        500,
        ":duration=\"500\""
      ],
      "category": "behavior"
    }
  },
  "slots": {
    "default": {
      "desc": "This is where content goes"
    }
  },
  "events": {
    "show": {
      "desc": "Emitted when component show animation is finished",
      "addedIn": "v1.9.0"
    },
    "hide": {
      "desc": "Emitted when component hide animation is finished",
      "addedIn": "v1.9.0"
    }
  }
}