复古标签窗 <RetroTabs />
左边标题,右边一个粗黑边框的老式窗口,顶部是可点击的文件夹标签,每个标签里 3–4 行图标条目。
Template and style descriptions are currently available in Chinese only.
- Group
- 分组 · 2–4 组并列清单
- Component
RetroTabs·#retro-tabs
Good for
- 按角色、阶段、场景分组的清单
- 现场点标签逐组讲
Avoid when
- 只有一组:用 IconGrid
- 截图时只能看到第一个标签,关键内容放在第一组
Content limits
| 1 | tabs 2–4 个,label ≤ 6 字 |
| 2 | 每组 rows 3–4 行:title ≤ 10 字,note ≤ 26 字 |
| 3 | file ≤ 20 字符 |
| 4 | title ≤ 2 行 × 8 字 |
Fields
| Field | Type | |
|---|---|---|
file · required | string | 窗口标题 |
tabs · required | { label, rows: { icon, title, note }[] }[] | 标签与条目 |
open | number | 默认打开的标签 |
Example
<RetroTabs kicker="分工" title={['点开标签,', '看每一步做什么']} file="WORKFLOW.EXE" tabs={[{ label: '写演示', rows: [{ icon: 'folder', title: '新建目录', note: '…' }, …] }, …]} />