Scatter to order <ScatterOrder />

4–6 cards start scattered and tilted; with build: 'reveal', each press drops one card into its place, and once all are in place the connecting line appears. When jumping to the slide, the arranged path is shown directly.

Group: Motion · scattered cards fall into place one by one along a path
Component: ScatterOrder · #scatter-order
Interaction: Press → cards fall into place one by one

Good for

Turn scattered items into ordered steps
A process, a method or a preparation checklist

Avoid when

The steps loop: use Cycle
Each step needs a detailed explanation: use a Process template

Content limits

1	steps 4–6
2	title ≤ 8 chars
3	body ≤ 28 chars
4	slide title ≤ 22 chars
5	lead ≤ 40 chars

Fields

Field	Type
`kicker` · required	`string`	Section label
`title` · required	`string \| string[]`	Title
`lead`	`string`	Lead
`steps` · required	`{ title, body }[]`	In reading order
`source`	`string`	Source

Example

<ScatterOrder
  kicker="散点成序"
  title="一份演示从散乱的笔记开始"
  steps={[{ title: '收集事实', body: '…' }, { title: '写故事线', body: '…' }, { title: '配模板', body: '…' }, { title: '检查看图', body: '…' }]}
/>