框架功能支持
Storybook 集成了许多流行的前端框架。我们尽最大努力保持框架之间的功能一致性，但对于我们这个规模较小的团队来说，支持每个框架都比较困难。
以下是每个框架集成支持功能的综合表格。如果您希望在您的框架中支持某个功能，欢迎您提交代码请求。
核心框架
核心框架拥有专门的维护者或贡献者，负责维护集成。因此，您可以在这些框架中使用大多数 Storybook 功能。
| React | Vue 3 | Angular | Web Components | |
|---|---|---|---|---|
| 基本功能 | ||||
| 操作 | ✅ | ✅ | ✅ | ✅ |
| 背景 | ✅ | ✅ | ✅ | ✅ |
| 文档 | ✅ | ✅ | ✅ | ✅ |
| 视窗 | ✅ | ✅ | ✅ | ✅ |
| 控件 | ✅ | ✅ | ✅ | ✅ |
| 测量 | ✅ | ✅ | ✅ | ✅ |
| 轮廓 | ✅ | ✅ | ✅ | ✅ |
| 附加组件 | ||||
| A11y | ✅ | ✅ | ✅ | ✅ |
| 组件测试 | ✅ | ✅ | ✅ | ✅ |
| 测试运行器 | ✅ | ✅ | ✅ | ✅ |
| 测试覆盖率 | ✅ | ✅ | ✅ | ✅ |
| CSS 资源 | ✅ | ✅ | ✅ | ✅ |
| 设计资源 | ✅ | ✅ | ✅ | ✅ |
| 事件 | ✅ | ✅ | ✅ | ✅ |
| 谷歌分析 | ✅ | ✅ | ✅ | ✅ |
| GraphQL | ✅ | ✅ | ||
| Jest | ✅ | ✅ | ✅ | ✅ |
| 链接 | ✅ | ✅ | ✅ | ✅ |
| 查询参数 | ✅ | ✅ | ✅ | ✅ |
| Storysource | ✅ | ✅ | ✅ | ✅ |
| 文档 | ||||
| CSF 故事 | ✅ | ✅ | ✅ | ✅ |
| 自动文档 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - ArgTypes | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 画布 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 调色板 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 控件 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 描述 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 图标库 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - Markdown | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 元数据 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 主标题 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 源代码 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 故事 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 故事集 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 副标题 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 标题 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 排版 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 无样式 | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 使用 | ✅ | ✅ | ✅ | ✅ |
| 内联故事 | ✅ | ✅ | ✅ | ✅ |
社区框架
社区框架的贡献者较少，这意味着它们可能不如核心框架更新。如果您在工作中使用其中一个框架，请考虑为它与 Storybook 的集成贡献代码。
| Ember | HTML | Svelte | Preact | Qwik | SolidJS | |
|---|---|---|---|---|---|---|
| 基本功能 | ||||||
| 操作 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 背景 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 视窗 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 控件 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 测量 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 轮廓 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 附加组件 | ||||||
| A11y | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 组件测试 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 测试运行器 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 测试覆盖率 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| CSS 资源 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 设计资源 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 事件 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 谷歌分析 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| GraphQL | ||||||
| Jest | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 链接 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 查询参数 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Storysource | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档 | ||||||
| CSF 故事 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 自动文档 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 文档块 - ArgTypes | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 画布 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 调色板 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 控件 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 描述 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 图标库 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - Markdown | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 元数据 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 主标题 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 源代码 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 故事 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 故事集 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 副标题 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 标题 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 排版 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 无样式 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文档块 - 使用 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 内联故事 | ✅ | ✅ |
已弃用
为了使 Storybook 生态系统与当前前端开发状况保持一致，以下功能和附加组件现在已弃用，不再维护，并将从 Storybook 的未来版本中删除。
| 功能 | 状态 |
|---|---|
| 旋钮 | 旋钮附加组件在 Storybook 6.3 版本中正式弃用，不再积极维护。我们建议使用 控件 来替代。 |
| Storyshots | Storyshots 附加组件在 Storybook 7.6 版本中正式弃用，不再积极维护，并在 Storybook 8 中被移除。请参阅 迁移指南 以了解可用的替代方案。 |
| StoriesOf | Storybook 8 版本中正式移除了 storiesOf API，不再维护。我们建议使用 CSF API 来替代编写故事。请参阅 迁移指南 以了解更多信息。 |