@MESG-COMPONENTS/CARD
Install
npm install @mesg-components/card
or yarn add @mesg-components/card
Properties
-
bordered:
Boolean
, Optional, The default isfalse
-> Display border color of card. -
thin:
Boolean
, Optional, The default isfalse
-> Display border color of card as thin size. -
noShadow:
Boolean
, Optional, The default isfalse
-> Not display card shadow. -
borderBottomColor:
String
, Optional, The default isundefined
-> Custom border-bottom color of card. -
background:
String
, Optional. The default iswhite
-> Custom background color of card.
Slot
default
Example
Default card:
<template>
<Card>Default Card</Card>
</template>
Bordered card:
<template>
<Card bordered> Card with bordered</Card>
</template>
Thin card:
<template>
<Card thin>Thin card</Card>
</template>
Card without shadow:
<template>
<Card no-shadow>Card without shadow</Card>
</template>
Border bottom color card:
<template>
<Card border-bottom-color="red">Border bottom color custom card</Card>
</template>
Background card:
<template background="red">
<Card>Card background custom </Card>
</template>