方法步骤 <MethodSteps />
3–4 张步骤卡，深色和纸色交替，每张一个大编号、标题、说明，底部一行写谁来做、产出什么。为翡翠风格设计，其他风格也能用。配 build: 'reveal' 逐张亮起。
- 分组
- 流程 · 深浅交替的编号步骤卡
- 组件
MethodSteps·#method-steps- 交互
- 按 → 逐张亮起
适合
- 固定的工作方法、协作流程
- 每一步要写清谁负责
不适合
- 步骤超过 4 个：用 Roadmap
- 步骤之间是循环：用 Cycle
内容上限
| 1 | steps 3–4 个 |
| 2 | title ≤ 8 字 |
| 3 | body ≤ 44 字 |
| 4 | who、when 各 ≤ 8 个字符 |
| 5 | 页标题 ≤ 22 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
steps · 必填 | { title, body, who?, when? }[] | 步骤 |
source | string | 出处 |
示例代码
<MethodSteps
kicker="工作方法"
title="做一份演示的四步"
steps={[{ title: '列故事线', body: '…', who: '作者', when: '大纲' }, …]}
/>