Method steps <MethodSteps />

3–4 step cards alternating dark and paper colour, each with a big number, a title and a description, and a bottom line saying who does it and what it produces. Designed for the emerald style; other styles work too. With build: 'reveal' the cards light up one by one.

Group: Process · numbered step cards alternating dark and light
Component: MethodSteps · #method-steps
Interaction: Press → cards light up one by one

Good for

A fixed way of working or a collaboration process
Each step needs to name who owns it

Avoid when

There are more than 4 steps: use Roadmap
The steps loop: use Cycle

Content limits

1	steps 3–4
2	title ≤ 8 chars
3	body ≤ 44 chars
4	who and when ≤ 8 characters each
5	slide title ≤ 22 chars

Fields

Field	Type
`kicker` · required	`string`	Section label
`title` · required	`string \| string[]`	Title
`lead`	`string`	Lead
`steps` · required	`{ title, body, who?, when? }[]`	Steps
`source`	`string`	Source

Example

<MethodSteps
  kicker="工作方法"
  title="做一份演示的四步"
  steps={[{ title: '列故事线', body: '…', who: '作者', when: '大纲' }, …]}
/>