Storybook’s Visual Tests addon enters betaVisual test with Chromatic
Back to integrations
Add your integration
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Story Container Switcher
Allows you to switch between story containers
npm install storybook-addon-story-container-switcher
Last updated almost 2 years ago
Downloads per week
Readme View on GitHub

Story Container Switcher

NPM version NPM downloads bundle size MIT license

A Storybook plugin that allows you to view your stories inside different container components like Modal, Dialog, Drawer or even better — all at once.


Live example | Example repository


Install the following npm module:

npm i --save-dev storybook-addon-story-container-switcher

or with yarn:

yarn add -D storybook-addon-story-container-switcher


You need to configure the plugin before it can be used in the Storybook.

  1. Add the addon to the addons list in .storybook/main.js

    module.exports = {
        addons: [
            // all other addons
  2. Add the parameters to the .storybook/preview.js

    export const parameters = {
      storyContainers: [
          id: "modal",
          label: "Modal",
          container: YourFavoriteModal
        // more containers
Join the community
6,501 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software

Maintained by
Special thanks to Netlify and CircleCI