@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1 lines • 2.5 kB
Source Map (JSON)
{"version":3,"file":"card.vue.cjs","sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n 'd-card',\n containerClass,\n ]\"\n data-qa=\"dt-card\"\n >\n <div\n v-if=\"$slots.header\"\n :class=\"[\n 'd-card__header',\n headerClass,\n ]\"\n >\n <!-- @slot slot for header content -->\n <slot name=\"header\" />\n </div>\n\n <div\n :class=\"[\n 'd-card__content',\n contentClass,\n ]\"\n :style=\"{ 'max-height': maxHeight }\"\n >\n <!-- @slot slot for main content -->\n <slot name=\"content\" />\n </div>\n\n <div\n v-if=\"$slots.footer\"\n :class=\"[\n 'd-card__footer',\n footerClass,\n ]\"\n >\n <!-- @slot slot for footer content -->\n <slot name=\"footer\" />\n </div>\n </div>\n</template>\n\n<script>\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n name: 'DtCard',\n props: {\n /**\n * The maximum height of the card content.\n * If given, makes content area scrollable.\n */\n maxHeight: {\n type: String,\n default: null,\n },\n\n /**\n * class for card container.\n */\n containerClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * class for card content.\n */\n contentClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * class for card header.\n */\n headerClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * class for card footer.\n */\n footerClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n};\n</script>\n"],"names":[],"mappings":";;;AAiDA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,gBAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;"}