1 | import { defineComponent } from 'vue';
|
2 | import { colorVariantClass, defaultPropValue, sizePropValidator } from '../../mixins/index.mjs';
|
3 | /**
|
4 | * Slot for default card content
|
5 | * @name default
|
6 | * @kind slot
|
7 | */
|
8 | /**
|
9 | * Slot for card header content
|
10 | * @name header
|
11 | * @kind slot
|
12 | */
|
13 | /**
|
14 | * Slot for card footer content
|
15 | * @name footer
|
16 | * @kind slot
|
17 | */
|
18 | /**
|
19 | * Slot for card image
|
20 | * @name image
|
21 | * @kind slot
|
22 | */
|
23 | const componentName = 'ICard';
|
24 | export default defineComponent({
|
25 | name: componentName,
|
26 | props: {
|
27 | /**
|
28 | * The color variant of the card
|
29 | * @type primary | success | light | dark | info | success | warning | danger
|
30 | * @default light
|
31 | * @name color
|
32 | */
|
33 | color: {
|
34 | type: String,
|
35 | default: defaultPropValue(componentName, 'color')
|
36 | },
|
37 | /**
|
38 | * The size variant of the card
|
39 | * @type sm | md | lg
|
40 | * @default md
|
41 | * @name size
|
42 | */
|
43 | size: {
|
44 | type: String,
|
45 | default: defaultPropValue(componentName, 'size'),
|
46 | validator: sizePropValidator
|
47 | }
|
48 | },
|
49 | computed: {
|
50 | classes() {
|
51 | return {
|
52 | ...colorVariantClass(this),
|
53 | [`-${this.size}`]: Boolean(this.size)
|
54 | };
|
55 | }
|
56 | }
|
57 | });
|
58 | //# sourceMappingURL=script.mjs.map |
\ | No newline at end of file |