@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
70 lines (69 loc) • 1.65 kB
JavaScript
import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
const _sfc_main = {
name: "DtCard",
props: {
/**
* The maximum height of the card content.
* If given, makes content area scrollable.
*/
maxHeight: {
type: String,
default: null
},
/**
* class for card container.
*/
containerClass: {
type: [String, Array, Object],
default: ""
},
/**
* class for card content.
*/
contentClass: {
type: [String, Array, Object],
default: ""
},
/**
* class for card header.
*/
headerClass: {
type: [String, Array, Object],
default: ""
},
/**
* class for card footer.
*/
footerClass: {
type: [String, Array, Object],
default: ""
}
}
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _c("div", { class: [
"d-card",
_vm.containerClass
], attrs: { "data-qa": "dt-card" } }, [_vm.$slots.header ? _c("div", { class: [
"d-card__header",
_vm.headerClass
] }, [_vm._t("header")], 2) : _vm._e(), _c("div", { class: [
"d-card__content",
_vm.contentClass
], style: { "max-height": _vm.maxHeight } }, [_vm._t("content")], 2), _vm.$slots.footer ? _c("div", { class: [
"d-card__footer",
_vm.footerClass
] }, [_vm._t("footer")], 2) : _vm._e()]);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ normalizeComponent(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const DtCard = __component__.exports;
export {
DtCard as default
};
//# sourceMappingURL=card.vue.js.map