18 lines
757 B
JavaScript
18 lines
757 B
JavaScript
Vue.component('tt-card', {
|
|
//language=Vue
|
|
template: `
|
|
<div class="card">
|
|
<div class="card-header" v-if="$slots.header">
|
|
<slot name="header"></slot>
|
|
</div>
|
|
<div class="card-body" :class="{'pt-0': $slots.header || noBodyPaddingTop}" :style="{'overflow-x': bodyOverflowXAuto ? 'auto' : 'unset'}">
|
|
<slot></slot>
|
|
</div>
|
|
<div class="card-footer" v-if="$slots.footer">
|
|
<slot name="footer"></slot>
|
|
</div>
|
|
</div>
|
|
`, props: {
|
|
noBodyPaddingTop: {type: Boolean, default: false}, bodyOverflowXAuto: {type: Boolean, default: false},
|
|
}
|
|
}) |