Skip to Content
@anker-in/headless-ui 2.0 is released 🎉

Card

卡片组件,支持标题、描述、内容等区域布局

基本用法

Card 组件的基本用法示例

基础卡片

卡片标题
这是一个简单的卡片描述信息

这里是卡片的主要内容区域,可以包含任何你想展示的信息。

带操作按钮的卡片

产品信息
这是一个产品展示卡片

产品描述信息,包含详细的功能说明和特性介绍。

带状态标签的卡片

项目状态
当前项目的进展情况
进行中

项目正在按计划推进,预计下个月完成所有开发工作。

紧凑布局

A

用户名称

user@example.com

网格布局

卡片 1
第一个卡片

内容区域 1

卡片 2
第二个卡片

内容区域 2

卡片 3
第三个卡片

内容区域 3

Last updated on