quasar-framework
Version:
Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS
26 lines (25 loc) • 576 B
JavaScript
export default {
name: 'q-card-actions',
props: {
vertical: Boolean,
align: {
type: String,
default: 'start',
validator: v => ['start', 'center', 'end', 'around', 'between'].includes(v)
}
},
computed: {
classes () {
return `q-card-actions-${this.vertical ? 'vert column justify-start' : 'horiz row'} ` +
`${this.vertical ? 'items' : 'justify'}-${this.align}`
}
},
render (h) {
return h('div', {
staticClass: 'q-card-actions',
'class': this.classes
}, [
this.$slots.default
])
}
}