@mesg-components/card v2.1.0

@MESG-COMPONENTS/CARD

Install

npm install @mesg-components/card or yarn add @mesg-components/card

Properties

• bordered: Boolean, Optional, The default is false -> Display border color of card.
• thin: Boolean, Optional, The default is false -> Display border color of card as thin size.
• noShadow: Boolean, Optional, The default is false -> Not display card shadow.
• borderBottomColor: String, Optional, The default is undefined -> Custom border-bottom color of card.
• background: String, Optional. The default is white -> 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>