quasar-framework/src/components/inner-loading/QInnerLoading.js

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

import QSpinner from '../spinner/QSpinner.js'

export default {
  name: 'QInnerLoading',
  props: {
    dark: Boolean,
    visible: Boolean,
    size: {
      type: [String, Number],
      default: 42
    },
    color: String
  },
  render (h) {
    if (!this.visible) {
      return
    }

    return h(
      'div',
      {
        staticClass: 'q-inner-loading animate-fade absolute-full column flex-center',
        'class': { dark: this.dark }
      },
      this.$slots.default || [
        h(QSpinner, {
          props: {
            size: this.size,
            color: this.color
          }
        })
      ]
    )
  }
}