框架的功能支援
Storybook 與許多熱門的前端框架整合。我們盡力保持各框架間的功能對等，但對於我們這個小團隊來說，要支援每個框架是很棘手的。
以下是各框架整合中支援哪些功能的綜合表格。如果您希望在您的框架中支援某項功能，我們歡迎發出 pull request。
核心框架
核心框架有專門的維護人員或貢獻者負責維護整合。因此，您可以在這些框架中使用大多數 Storybook 功能。
| React | Vue 3 | Angular | Web Components | |
|---|---|---|---|---|
| 基本功能 | ||||
| 動作 | ✅ | ✅ | ✅ | ✅ |
| 背景 | ✅ | ✅ | ✅ | ✅ |
| 文件 | ✅ | ✅ | ✅ | ✅ |
| 視窗 | ✅ | ✅ | ✅ | ✅ |
| 控制項 | ✅ | ✅ | ✅ | ✅ |
| 測量 | ✅ | ✅ | ✅ | ✅ |
| 外框 | ✅ | ✅ | ✅ | ✅ |
| 擴充功能 | ||||
| A11y | ✅ | ✅ | ✅ | ✅ |
| 元件測試 | ✅ | ✅ | ✅ | ✅ |
| 測試執行器 | ✅ | ✅ | ✅ | ✅ |
| 測試覆蓋率 | ✅ | ✅ | ✅ | ✅ |
| CSS 資源 | ✅ | ✅ | ✅ | ✅ |
| 設計資產 | ✅ | ✅ | ✅ | ✅ |
| 事件 | ✅ | ✅ | ✅ | ✅ |
| Google Analytics | ✅ | ✅ | ✅ | ✅ |
| GraphQL | ✅ | ✅ | ||
| Jest | ✅ | ✅ | ✅ | ✅ |
| 連結 | ✅ | ✅ | ✅ | ✅ |
| 查詢參數 | ✅ | ✅ | ✅ | ✅ |
| Storysource | ✅ | ✅ | ✅ | ✅ |
| 文件 | ||||
| CSF Stories | ✅ | ✅ | ✅ | ✅ |
| 自動文件 | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - ArgTypes | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Canvas | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - ColorPalette | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - 控制項 | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - 描述 | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - IconGallery | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Markdown | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Meta | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Primary | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Source | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Story | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Stories | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Subtitle | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Title | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Typeset | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Unstyled | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - UseOf | ✅ | ✅ | ✅ | ✅ |
| 內聯 stories | ✅ | ✅ | ✅ | ✅ |
社群框架
社群框架的貢獻者較少，這表示它們可能不如核心框架那樣是最新的。如果您在工作中使用這些框架之一，請考慮貢獻其與 Storybook 的整合。
| Ember | HTML | Svelte | Preact | Qwik | SolidJS | |
|---|---|---|---|---|---|---|
| 基本功能 | ||||||
| 動作 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 背景 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 視窗 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 控制項 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 測量 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 外框 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 擴充功能 | ||||||
| A11y | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 元件測試 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 測試執行器 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 測試覆蓋率 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| CSS 資源 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 設計資產 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 事件 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Google Analytics | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| GraphQL | ||||||
| Jest | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 連結 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 查詢參數 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Storysource | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件 | ||||||
| CSF Stories | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 自動文件 | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 文件區塊 - ArgTypes | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Canvas | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - ColorPalette | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - 控制項 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - 描述 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - IconGallery | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Markdown | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Meta | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Primary | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Source | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Story | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Stories | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Subtitle | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Title | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Typeset | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - Unstyled | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 文件區塊 - UseOf | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| 內聯 stories | ✅ | ✅ |
已棄用
為了使 Storybook 生態系統與目前前端開發的狀態保持一致，以下功能和擴充功能現在已棄用，不再維護，並將在 Storybook 的未來版本中移除
| 功能 | 狀態 |
|---|---|
| 旋鈕 | 旋鈕擴充功能已在 Storybook 6.3 版本正式棄用，並且不再積極維護。我們建議改用控制項。 |
| Storyshots | Storyshots 擴充功能已在 Storybook 7.6 版本正式棄用，不再積極維護，並已在 Storybook 8 中移除。請參閱遷移指南以了解可用的替代方案。 |
| StoriesOf | storiesOf API 已在 Storybook 8 版本正式移除，並且不再維護。我們建議改用CSF API來編寫 stories。請參閱遷移指南以了解更多資訊。 |