Card
Card components can be used as flexible containers/wrappers for other UI elements.
# Playground
#Shadow
You can change the shadow style of a card by passing value in shadowStyle there are 5 styles present. LightVue card is Both compatible with Vue 2.x and Vue 3.x
#Border Radius
You can set the border radius of card by passing a value along with unit in borderRadius prop
#Background color and Padding
You can change the background color of card by passing a string in backgroundColor.you can also set the padding for card in native way by passing a string in padding prop
#Enabling border
You can set the border to card by setting showBorder prop true
#Setup
You can import a component and register it as a local and global vue component as follows:
// import the component
import LvCard from 'lightvue/card';
// Register the component locally
export default {
components: {
LvCard
}
}// Register the component globally (Vue 2.x)
Vue.component('LvCard', LvCard);
// Register the component globally (Vue 3.x)
const app = Vue.createApp({
// ...
});
app.component('LvCard', LvCard);
app.mount('#app')
#APIs
All of the props, events and slots of the component are mentioned below: