标签切换 · Tabs
英文:Tabs
导航与切换难度:入门 ★
🗣️一句话大白话
多个标签共用同一块内容区域,一次只显示其中一个同等级视图。
🎬真实场景
内容分类、数据视图、设置、作品分类、月度与年度图表
📮你可以这样说
「在 Punk 的作品区添加 Tabs,标签为 All、Web、AI、Experiments,默认显示 All; 切换标签时只更新下方项目网格,不刷新整个页面; 使用 tablist、tab 和 tabpanel 语义,支持左右方向键切换并显示清晰 active 状态。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:Tab 越多越方便。实际适合 3-6 个同等级视图,过多应改用侧边分类
🚫什么时候别用
- ✗视图数量超过 6 个时
🧩常见变体
横向 Tabs图标+文字 Tab
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系