- 分组
- 并列 · 4 或 6 个功能
- 组件
HairlineGrid·#hairline-grid
适合
- 4 或 6 个并列的功能、字段、能力
- 其中一项最重要
不适合
- 每项一个词就够：用 TileWall
- 要讲先后：用 StepTrack
内容上限
| 1 | items 4 或 6 个：title ≤ 10 字，body 18–40 字，tag ≤ 16 个字符 |
| 2 | title ≤ 1 行 × 14 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名，2–8 字 |
title · 必填 | string | string[] | 标题；数组手动断行 |
lead | string | 一两句导语，≤ 60 字 |
source | string | 事实出处 |
items · 必填 | { icon, title, body, tag? }[] | 格子 |
focus | number | 发光的格子，默认 0 |
示例代码
<HairlineGrid kicker="六个开关" title="一份演示，六个字段定风格" items={[{ icon: 'tuning', title: '风格', tag: 'DeckDef.style', body: '…' }, …]} />