Card

内容容器。含可选标题栏(title / extra)、正文与 footer。默认带边框;hoverable 提供轻悬停反馈。

不是营销 Section;无封面图 / Actions 复合 API。

文档站 Demo 跟随 Rspress 明暗主题(亮色用 admin)。

基础用法

<Card title="标题" extra={<Tag>标签</Tag>} footer={<Button size="sm">操作</Button>}>
  正文
</Card>

实时演示

项目概览
启用
AL
运营看板
负责人 Ada · 上周更新
无边框
bordered=false,适合嵌在已有面板内。

API

CardProps

属性 类型 默认值 说明
title ReactNode 标题
extra ReactNode 标题栏右侧
children ReactNode 正文
footer ReactNode 底栏
bordered boolean true 边框
hoverable boolean false 悬停阴影
className string 追加类名