UNPKG

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
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) } }