Skip to content

Card 组件

卡片容器组件,用于内容分组展示,支持阴影、边框、填充等多种样式。

引入

tsx
import { Card } from 'kra-ui';

基本用法

tsx
<Card variant="elevated">
  <Heading size="h4">卡片标题</Heading>
  <Text variant="body">卡片内容</Text>
</Card>

<Card variant="outline">
  <Text>边框样式卡片</Text>
</Card>

Props

属性类型默认值说明
variant'elevated' | 'outline' | 'filled''elevated'卡片变体
...BoxProps--继承所有 Box 属性