Card

Card，卡片，推薦使用在展示一系列的資訊或是特別想介紹的內容。

<bpa-card>
  Cotnent
</bpa-card>

<bpa-card nopadding>
  Cotnent
</bpa-card>

<!-- option 1 -->
<bpa-card 
	header="card header text"
	footer="card footer text"
>
  Cotnent
</bpa-card>

<!-- option 2 -->
<bpa-card>
  <template v-slot:header>
    <mark>Card Header</mark>
  </template>
	Content
	<template v-slot:footer>
    <bpa-button>Card Footer Button</bpa-button>
  </template>
</bpa-card>

<bpa-card shadow>
  Cotnent
</bpa-card>

名稱	Value	Type	Default Value	Required	描述
header	{ text } or template	Vue Route
footer	{ text } or template	String
nopadding		Boolean	false		clear padding of content
shadow		Boolean	false		show/hide shadow