30 lines
493 B
Vue
30 lines
493 B
Vue
<template>
|
|
<div v-bind="defaultAttributes">
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
const defaultClasses = 'px-3 py-2 text-sm leading-normal'
|
|
|
|
export default {
|
|
props: {
|
|
maxWidth: {
|
|
default: 'auto',
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
defaultAttributes() {
|
|
return {
|
|
class: this.$attrs.class || defaultClasses,
|
|
style: {
|
|
maxWidth:
|
|
this.maxWidth === 'auto' ? this.maxWidth : `${this.maxWidth}px`,
|
|
},
|
|
}
|
|
},
|
|
},
|
|
}
|
|
</script>
|