Skip to content

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 ​

名称类型默认值说明
titlestring—卡片标题
childrenReactNode—卡片内容

MIT License