包含标题、内容、操作区域。

<script setup lang="ts">
  import { Card } from '@lite-space/ui'
</script>

<template>
  <Card title="Default size card">
    <template #extra>
      <span>More</span>
    </template>
    <p>Card content</p>
    <p>Card content</p>
    <p>Card content</p>
  </card>
</template>

只包含内容区域。

<script setup lang="ts">
  import { Card } from '@lite-space/ui'
</script>

<template>
  <Card>
    <p>Card content</p>
    <p>Card content</p>
    <p>Card content</p>
  </card>
</template>