quasar-framework
Version:
Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS
25 lines (24 loc) • 475 B
JavaScript
export default {
name: 'q-btn-group',
props: {
outline: Boolean,
flat: Boolean,
rounded: Boolean,
push: Boolean
},
computed: {
classes () {
return ['outline', 'flat', 'rounded', 'push']
.filter(t => this[t])
.map(t => `q-btn-group-${t}`).join(' ')
}
},
render (h) {
return h('div', {
staticClass: 'q-btn-group row no-wrap inline',
'class': this.classes
}, [
this.$slots.default
])
}
}