quasar/dist/api/QInnerLoading.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/inner-loading"
  },
  "behavior": {
    "$listeners": {
      "desc": "All native events are being propagated (you don't need the '.native' modifier)"
    }
  },
  "props": {
    "size": {
      "type": "String",
      "desc": "Size in CSS units, including unit name, or standard size name (xs|sm|md|lg|xl), for the inner Spinner (unless using the default slot)",
      "examples": [
        "16px",
        "2rem",
        "xs",
        "md"
      ],
      "category": "style",
      "default": "42px"
    },
    "showing": {
      "type": "Boolean",
      "desc": "State - loading or not",
      "category": "state"
    },
    "color": {
      "type": "String",
      "desc": "Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)",
      "examples": [
        "primary",
        "teal-10"
      ],
      "category": "style"
    },
    "transition-show": {
      "type": "String",
      "desc": "One of Quasar's embedded transitions",
      "examples": [
        "fade",
        "slide-down"
      ],
      "category": "behavior",
      "default": "fade"
    },
    "transition-hide": {
      "type": "String",
      "desc": "One of Quasar's embedded transitions",
      "examples": [
        "fade",
        "slide-down"
      ],
      "category": "behavior",
      "default": "fade"
    },
    "dark": {
      "type": "Boolean",
      "desc": "Notify the component that the background is a dark color",
      "category": "style"
    }
  },
  "slots": {
    "default": {
      "desc": "Default slot is used for replacing default Spinner; Suggestions: a spinner or text"
    }
  }
}