- 分组
- 并列 · 6–9 个功能或零件
- 组件
TileWall·#tile-wall
适合
- 6 或 9 个并列的功能、集成、零件
- 每项一个词就能说清
不适合
- 每项需要一句解释:用 IconGrid
- 少于 6 项
内容上限
| 1 | tiles 6 或 9 个,label ≤ 6 字 |
| 2 | title ≤ 2 行 × 8 字 |
| 3 | lead ≤ 40 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名,2–8 字 |
title · 必填 | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
tiles · 必填 | { icon, label, spot? }[] | 方砖 |
shape | 'sphere' | 'cube' | 'torus' | 'capsule' | 背后的几何体,默认球体 |
示例代码
<TileWall kicker="新零件" title={['九个零件,', '模板拿来就用']} tiles={[{ icon: 'planet', label: '球体' }, …]} />