方法步驟 <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: '大綱' }, …]}
/>