quasar-framework
Version:
Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase
36 lines (32 loc) • 739 B
JavaScript
export default {
name: 'QToolbar',
props: {
color: {
type: String,
default: 'primary'
},
textColor: String,
inverted: Boolean,
glossy: Boolean
},
computed: {
classes () {
const cls = [ `q-toolbar-${this.inverted ? 'inverted' : 'normal'}` ]
this.glossy && cls.push('glossy')
if (this.inverted) {
cls.push(`text-${this.textColor || this.color}`)
}
else {
cls.push(`bg-${this.color}`)
cls.push(`text-${this.textColor || 'white'}`)
}
return cls
}
},
render (h) {
return h('div', {
staticClass: 'q-toolbar row no-wrap items-center relative-position',
'class': this.classes
}, this.$slots.default)
}
}