@inkline/inkline
Version:
Inkline is the Vue.js UI/UX Library built for creating your next design system
58 lines • 1.35 kB
JavaScript
import { defineComponent } from 'vue';
import { colorVariantClass, defaultPropValue, sizePropValidator } from '../../mixins/index.mjs';
/**
* Slot for default card content
* @name default
* @kind slot
*/
/**
* Slot for card header content
* @name header
* @kind slot
*/
/**
* Slot for card footer content
* @name footer
* @kind slot
*/
/**
* Slot for card image
* @name image
* @kind slot
*/
const componentName = 'ICard';
export default defineComponent({
name: componentName,
props: {
/**
* The color variant of the card
* @type primary | success | light | dark | info | success | warning | danger
* @default light
* @name color
*/
color: {
type: String,
default: defaultPropValue(componentName, 'color')
},
/**
* The size variant of the card
* @type sm | md | lg
* @default md
* @name size
*/
size: {
type: String,
default: defaultPropValue(componentName, 'size'),
validator: sizePropValidator
}
},
computed: {
classes() {
return {
...colorVariantClass(this),
[`-${this.size}`]: Boolean(this.size)
};
}
}
});
//# sourceMappingURL=script.mjs.map