UNPKG

quasar-framework

Version:

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

43 lines (42 loc) 834 B
export default { name: 'QJumbotron', props: { dark: Boolean, tag: { type: String, default: 'div' }, imgSrc: String, gradient: String }, computed: { gradientType () { if (this.gradient) { return this.gradient.indexOf('circle') > -1 ? 'radial' : 'linear' } }, computedStyle () { if (this.imgSrc) { return { 'background-image': `url(${this.imgSrc})` } } if (this.gradientType) { return { background: `${this.gradientType}-gradient(${this.gradient})` } } } }, render (h) { return h(this.tag, { staticClass: 'q-jumbotron', style: this.computedStyle, 'class': { 'q-jumbotron-dark': this.dark } }, this.$slots.default) } }