← All templates

复古标签窗 <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

1tabs 2–4 个,label ≤ 6 字
2每组 rows 3–4 行:title ≤ 10 字,note ≤ 26 字
3file ≤ 20 字符
4title ≤ 2 行 × 8 字

Fields

FieldType
file · requiredstring窗口标题
tabs · required{ label, rows: { icon, title, note }[] }[]标签与条目
opennumber默认打开的标签

Example

<RetroTabs kicker="分工" title={['点开标签,', '看每一步做什么']} file="WORKFLOW.EXE" tabs={[{ label: '写演示', rows: [{ icon: 'folder', title: '新建目录', note: '…' }, …] }, …]} />