You are viewing documentation for a previous version of StorybookSwitch to latest version

Feature support for frameworks

Storybook integrates with many popular frontend frameworks. We do our best to keep feature parity amongst frameworks, but it’s tricky for our modest team to support every framework.

Below is a comprehensive table of what’s supported in which framework integration. If you’d like a certain feature supported in your framework, we welcome pull requests.

Core frameworks

Core frameworks have dedicated maintainers or contributors who are responsible for maintaining the integration. As such, you can use most Storybook features in these frameworks.

	React	Vue	Angular	Web Components
Essentials
Actions	✅	✅	✅	✅
Backgrounds	✅	✅	✅	✅
Docs	✅	✅	✅	✅
Viewport	✅	✅	✅	✅
Controls	✅	✅	✅	✅
Measure	✅	✅	✅	✅
Outline	✅	✅	✅	✅
Addons
A11y	✅	✅	✅	✅
Interactions	✅	✅	✅	✅
Test runner	✅	✅	✅	✅
Test coverage	✅	✅	✅	✅
CSS resources	✅	✅	✅	✅
Design assets	✅	✅	✅	✅
Events	✅	✅	✅	✅
Google analytics	✅	✅	✅	✅
GraphQL	✅		✅
Jest	✅	✅	✅	✅
Links	✅	✅	✅	✅
Queryparams	✅	✅	✅	✅
Storysource	✅	✅	✅	✅
Docs
CSF Stories	✅	✅	✅	✅
Autodocs	✅	✅	✅	✅
Doc Blocks - ArgTypes	✅	✅	✅	✅
Doc Blocks - Canvas	✅	✅	✅	✅
Doc Blocks - ColorPalette	✅	✅	✅	✅
Doc Blocks - Controls	✅	✅	✅	✅
Doc Blocks - Description	✅	✅	✅	✅
Doc Blocks - IconGallery	✅	✅	✅	✅
Doc Blocks - Markdown	✅	✅	✅	✅
Doc Blocks - Meta	✅	✅	✅	✅
Doc Blocks - Primary	✅	✅	✅	✅
Doc Blocks - Source	✅	✅	✅	✅
Doc Blocks - Story	✅	✅	✅	✅
Doc Blocks - Stories	✅	✅	✅	✅
Doc Blocks - Subtitle	✅	✅	✅	✅
Doc Blocks - Title	✅	✅	✅	✅
Doc Blocks - Typeset	✅	✅	✅	✅
Doc Blocks - Unstyled	✅	✅	✅	✅
Doc Blocks - UseOf	✅	✅	✅	✅
Inline stories	✅	✅	✅	✅

Community frameworks have fewer contributors which means they may not be as up to date as core frameworks. If you use one of these frameworks for your job, please consider contributing to its integration with Storybook.

	Ember	HTML	Svelte	Preact	Qwik	SolidJS
Essentials
Actions	✅	✅	✅	✅	✅	✅
Backgrounds	✅	✅	✅	✅	✅	✅
Docs	✅	✅	✅	✅	✅	✅
Viewport	✅	✅	✅	✅	✅	✅
Controls	✅	✅	✅	✅	✅	✅
Measure	✅	✅	✅	✅	✅	✅
Outline	✅	✅	✅	✅	✅	✅
Addons
A11y	✅	✅	✅	✅	✅	✅
Interactions		✅	✅	✅	✅	✅
Test runner		✅	✅	✅	✅	✅
Test coverage		✅	✅	✅	✅	✅
CSS resources	✅	✅	✅	✅	✅	✅
Design assets	✅	✅	✅	✅	✅	✅
Events	✅	✅	✅	✅	✅	✅
Google analytics	✅	✅	✅	✅	✅	✅
GraphQL
Jest	✅	✅	✅	✅	✅	✅
Links	✅	✅	✅	✅	✅	✅
Queryparams	✅	✅	✅	✅	✅	✅
Storysource	✅	✅	✅	✅	✅	✅
Docs
CSF Stories	✅	✅	✅	✅	✅	✅
Autodocs		✅	✅	✅	✅	✅
Doc Blocks - ArgTypes	✅	✅	✅	✅	✅	✅
Doc Blocks - Canvas	✅	✅	✅	✅	✅	✅
Doc Blocks - ColorPalette	✅	✅	✅	✅	✅	✅
Doc Blocks - Controls	✅	✅	✅	✅	✅	✅
Doc Blocks - Description	✅	✅	✅	✅	✅	✅
Doc Blocks - IconGallery	✅	✅	✅	✅	✅	✅
Doc Blocks - Markdown	✅	✅	✅	✅	✅	✅
Doc Blocks - Meta	✅	✅	✅	✅	✅	✅
Doc Blocks - Primary	✅	✅	✅	✅	✅	✅
Doc Blocks - Source	✅	✅	✅	✅	✅	✅
Doc Blocks - Story	✅	✅	✅	✅	✅	✅
Doc Blocks - Stories	✅	✅	✅	✅	✅	✅
Doc Blocks - Subtitle	✅	✅	✅	✅	✅	✅
Doc Blocks - Title	✅	✅	✅	✅	✅	✅
Doc Blocks - Typeset	✅	✅	✅	✅	✅	✅
Doc Blocks - Unstyled	✅	✅	✅	✅	✅	✅
Doc Blocks - UseOf	✅	✅	✅	✅	✅	✅
Inline stories		✅	✅

Deprecated

To align the Storybook ecosystem with the current state of frontend development, the following features and addons are now deprecated, no longer maintained, and will be removed in future versions of Storybook

Feature	Status
Knobs	The Knobs addon was officially deprecated with the release of Storybook 6.3 and is no longer actively maintained. We recommend using the controls instead.
Storyshots	The Storyshots addon was officially deprecated with the release of Storybook 7.6 and is no longer actively maintained. See the migration guide for the available alternatives.
`StoriesOf`	The `storiesOf` API was officially deprecated with the release of Storybook 7.5 and is no longer actively maintained. We recommend using the CSF API instead for writing stories. See the migration guide for more information.