标题 : “ Workbench ”
弹道:/组件/工作台/
github:'https://github.com/contentful/forma-36/tree/main/packages/ 组件/活板'
故事书:“https://f36-storybook.contentful.com/?path=/docs/ 组件-workbench-basic”
typescript:./src/Workbench.tsx,./src/Workbenchheader/Workbenchheader.tsx,./src/Workbench Content/Workbench Content.tsx,./src/WorkbenchSidebar/WorkbenchSidebar.tsx 页面存档备份,存于互联网档案馆,存于互联网档案馆
一个应用外壳,它构建了内容和互动的区域.
工作台集合了外部应用外壳,它定义了区域来构建内容和相互作用.
本构成部分未列入 @contentful/f36-components
这意味着要使用,您需要从 @contentful/f36-workbench 直接说.
导入
import { Workbench } from '@contentful/f36-workbench';
道具( API 参考)
工作区
活计. 内容
内容准则
标题提供导航指导和当前视图的主要动作.
- 标题只应提供当前视图的全局动作( 如按键创建用户列表视图)
- 当需要多个全球行动时,应使用下拉菜单
- 在当前视图上提交表格的按钮不应放在标题栏上,而应作为该具体形式的一部分.
主要内容
主要内容领域提供了当前视图的主要功能.
根据显示的信息,应应用3个宽度配置中的一个:
- 仅由表格或文本组成的视图,可增强可读性的最大宽度应为768px.
- 内容不可配置的静态表视图应默认最大宽度为1280px.
- 诸如仪表板或可配置表格等丰富的数据视图应使用整个可用的宽度.
左侧栏提供快速访问已保存的视图和过滤器.
右侧栏根据当前视图以及文件空间和可扩展性切入点提供二次互动.
- 左侧栏作为二次导航,并提供预定义和用户定义的过滤器
- 它不应包括任何视图动作,如添加或去除内容
关于 @contentful/f36-workbench 的常见问题
@contentful/f36-workbench 是什么？
Forma 36:工作舱部分
如何安装 @contentful/f36-workbench？
在项目目录运行 npm install @contentful/f36-workbench，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（>=16.8）、react-dom（>=16.8）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
@contentful/f36-workbench 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
@contentful/f36-workbench 支持 ESM 还是 CommonJS？
同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。
@contentful/f36-workbench 可以商用吗？
@contentful/f36-workbench 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@contentful/f36-workbench 的下载量有多少？
根据 npm 官方下载统计，@contentful/f36-workbench 在 2026/10/11 – 2026/11/09 这 30 天内被下载 5,316 次，日均约 177 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@contentful/f36-workbench 还在维护吗？
最新版本 4.21.1 发布于 2024/01/31（2 年前）；至今共发布 193 个版本，其中过去 12 个月发布了 0 个；首次发布于 2021/09/07。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。