# Card 卡片

<template>
  <Card> Card </Card>
</template>

<script>
import { Card } from 'comz'

export default {
  components: { Card }
}
</script>

<template>
  <Card style="width: 300px">
    <template #header>
      <span>Title</span>
      <span>X</span>
    </template>
    <template #default>Card Content</template>
    <template #footer>Text</template>
  </Card>
</template>

<script>
import { Card } from 'comz'

export default {
  components: { Card }
}
</script>

<template>
  <Card shadow>
    <template #header>Title</template>
    <template #default>Card Content</template>
  </Card>
</template>

<script>
import { Card } from 'comz'

export default {
  components: { Card }
}
</script>