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