Card 卡片
卡片式容器,可选标题和语义色调。
使用提示
- 适合:分组指标、设置区块、信息摘要。
- 不适合:页面级区块标题(应当用 section)、纯布局容器(应当用 column 或 grid)。
- 关联组件:section 提供更完整的页面区块结构(含标题+副标题+操作),card 更轻量。
- 子组件在卡片内自然排列(可嵌套 row、column、grid)。
- tone 只表达语义状态,不作为任意样式选择器。
tone 变体
namespace: "doc_card_tone_diff",
layout: {
"row:tones": {
"card:info": {
title: "Info",
tone: "info",
"text:body": {
text: "Information card."
}
},
"card:success": {
title: "Success",
tone: "success",
"text:body": {
text: "Success card."
}
},
"card:warning": {
title: "Warning",
tone: "warning",
"text:body": {
text: "Warning card."
}
}
}
}
}