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

Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS

import { QSpinner } from '../spinner'

export default {
  name: 'q-inner-loading',
  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
        }
      })
    ])
  }
}