quasar/src/components/slide-transition/QSlideTransition.json

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

{
  "meta": {
    "docsUrl": "https://v2.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",
      "category": "behavior"
    }
  },

  "slots": {
    "default": {
      "desc": "This is where content goes"
    }
  },

  "events": {
    "show": {
      "extends": "after-show"
    },

    "hide": {
      "extends": "after-hide"
    }
  }
}