Card 卡片
承载内容信息的容器组件。
基础用法
tsx
import { Card } from '@airo-ui/react'
function Demo() {
return (
<Card title="卡片标题">
<p>卡片内容区域</p>
</Card>
)
}无标题
tsx
import { Card } from '@airo-ui/react'
function Demo() {
return (
<Card>
<p>没有标题的卡片</p>
</Card>
)
}API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | — | 卡片标题 |
children | ReactNode | — | 卡片内容 |