@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
70 lines (69 loc) • 1.79 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
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__ */ _pluginVue2_normalizer.default(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const DtCard = __component__.exports;
exports.default = DtCard;
//# sourceMappingURL=card.vue.cjs.map