框架的功能支援
Storybook 與許多熱門的前端框架整合。我們盡力保持各框架之間的功能對等，但對於我們這個規模不大的團隊來說，要支援每個框架是很棘手的。
下方是關於各框架整合所支援功能的完整表格。如果您希望您的框架支援特定功能，我們歡迎提交 Pull Request。
核心框架
核心框架有專門的維護者或貢獻者負責維護整合。因此，您可以在這些框架中使用大多數 Storybook 功能。
| React | Vue 3 | Angular | Web Components | |
|---|---|---|---|---|
| Essentials | ||||
| 動作 | ✅ | ✅ | ✅ | ✅ |
| 背景 | ✅ | ✅ | ✅ | ✅ |
| 文件 | ✅ | ✅ | ✅ | ✅ |
| Viewport | ✅ | ✅ | ✅ | ✅ |
| 控制項 | ✅ | ✅ | ✅ | ✅ |
| Measure | ✅ | ✅ | ✅ | ✅ |
| Outline | ✅ | ✅ | ✅ | ✅ |
| 擴充功能 | ||||
| A11y | ✅ | ✅ | ✅ | ✅ |
| Component testing | ✅ | ✅ | ✅ | ✅ |
| 測試執行器 | ✅ | ✅ | ✅ | ✅ |
| 測試覆蓋率 | ✅ | ✅ | ✅ | ✅ |
| CSS resources | ✅ | ✅ | ✅ | ✅ |
| Design assets | ✅ | ✅ | ✅ | ✅ |
| Events | ✅ | ✅ | ✅ | ✅ |
| Google analytics | ✅ | ✅ | ✅ | ✅ |
| GraphQL | ✅ | ✅ | ||
| Jest | ✅ | ✅ | ✅ | ✅ |
| Links | ✅ | ✅ | ✅ | ✅ |
| Queryparams | ✅ | ✅ | ✅ | ✅ |
| Storysource | ✅ | ✅ | ✅ | ✅ |
| 文件 | ||||
| CSF Stories | ✅ | ✅ | ✅ | ✅ |
| 自動文件 | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - ArgTypes | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Canvas | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - ColorPalette | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Controls | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Description | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - IconGallery | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Markdown | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Meta | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Primary | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Source | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Story | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Stories | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Subtitle | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Title | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Typeset | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Unstyled | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - UseOf | ✅ | ✅ | ✅ | ✅ |
| Inline stories | ✅ | ✅ | ✅ | ✅ |
社群框架
社群框架的貢獻者較少，這表示它們可能不如核心框架那樣保持在最新狀態。如果您在工作中使用這些框架之一，請考慮為其與 Storybook 的整合做出貢獻。
| Ember | HTML | Svelte | Preact | Qwik | SolidJS | |
|---|---|---|---|---|---|---|
| Essentials | ||||||
| 動作 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 背景 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Viewport | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 控制項 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Measure | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Outline | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 擴充功能 | ||||||
| A11y | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Component testing | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 測試執行器 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 測試覆蓋率 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| CSS resources | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Design assets | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Events | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Google analytics | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| GraphQL | ||||||
| Jest | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Links | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Queryparams | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Storysource | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件 | ||||||
| CSF Stories | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 自動文件 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 文件區塊 - ArgTypes | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Canvas | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - ColorPalette | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Controls | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Description | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - IconGallery | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Markdown | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Meta | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Primary | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Source | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Story | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Stories | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Subtitle | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Title | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Typeset | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Unstyled | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - UseOf | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Inline stories | ✅ | ✅ |
已棄用
為了使 Storybook 生態系統與目前前端開發的狀態保持一致，以下功能和擴充套件現在已被棄用，不再維護，並將在未來版本的 Storybook 中移除。
| 功能 | 狀態 |
|---|---|
| Knobs | Knobs 擴充套件已在 Storybook 6.3 版本發布時正式棄用，且不再積極維護。我們建議改用controls。 |
| Storyshots | Storyshots 擴充套件已在 Storybook 7.6 版本發布時正式棄用，不再積極維護，並已在 Storybook 8 中移除。請參閱遷移指南以了解可用的替代方案。 |
| StoriesOf | storiesOf API 已在 Storybook 8 版本發布時正式移除，且不再維護。我們建議改用CSF API 來撰寫 stories。請參閱遷移指南以取得更多資訊。 |