- 分組
- 分组 · 2–4 组并列清单
- 元件
RetroTabs·#retro-tabs
適合
- 按角色、阶段、场景分组的清单
- 现场点标签逐组讲
不適合
- 只有一组：用 IconGrid
- 截图时只能看到第一个标签，关键内容放在第一组
內容上限
| 1 | tabs 2–4 个，label ≤ 6 字 |
| 2 | 每组 rows 3–4 行：title ≤ 10 字，note ≤ 26 字 |
| 3 | file ≤ 20 字符 |
| 4 | title ≤ 2 行 × 8 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
file · 必填 | string | 窗口标题 |
tabs · 必填 | { label, rows: { icon, title, note }[] }[] | 标签与条目 |
open | number | 默认打开的标签 |
範例程式碼
<RetroTabs kicker="分工" title={['点开标签，', '看每一步做什么']} file="WORKFLOW.EXE" tabs={[{ label: '写演示', rows: [{ icon: 'folder', title: '新建目录', note: '…' }, …] }, …]} />