散點成序 <ScatterOrder />

4–6 張卡片先散亂傾斜地放著，配 build: 'reveal' 時每按一次 → 一張落到自己的位置，全部歸位後連線出現。跳頁時直接顯示排好的路徑。

分組: 動效 · 散亂的卡片逐個歸位成一條路徑
元件: ScatterOrder · #scatter-order
互動: 按 → 逐個歸位

適合

把零散的事項理成有順序的步驟
流程、方法論、準備清單

不適合

步驟之間是迴圈：用 Cycle
每步需要詳細說明：用 Process 類别範本

內容上限

1	steps 4–6 個
2	title ≤ 8 字
3	body ≤ 28 字
4	頁標題 ≤ 22 字
5	lead ≤ 40 字

欄位

欄位	型別
`kicker` · 必填	`string`	小節名
`title` · 必填	`string \| string[]`	標題
`lead`	`string`	導語
`steps` · 必填	`{ title, body }[]`	按閱讀順序
`source`	`string`	出處

範例程式碼

<ScatterOrder
  kicker="散點成序"
  title="一份簡報從散亂的筆記開始"
  steps={[{ title: '收集事實', body: '…' }, { title: '寫故事線', body: '…' }, { title: '配範本', body: '…' }, { title: '檢檢視圖', body: '…' }]}
/>