层叠窗口 <WindowStack />
2–3 个系统窗口错开层叠,每个窗口一个小标题和一两行说明,逐条展开时依次出现。
Template and style descriptions are currently available in Chinese only.
- Group
- 操作 · 2–3 个步骤
- Component
WindowStack·#window-stack
Good for
- 2–3 个步骤,每步对应一个文件或工具
- 桌面风格的演示
Avoid when
- 步骤超过 3 个:用 StepTrack
Content limits
| 1 | windows 2–3 个:title ≤ 16 字符,heading ≤ 14 字,lines 1–3 行各 ≤ 26 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
windows · required | { title, heading, lines }[] | 窗口,最后一个在最前 |
Example
<WindowStack kicker="一页怎么来" title="…" windows={[{ title: 'index.tsx', heading: '写内容', lines: ['…'] }, …]} />