How to disable Docs menu entry in Storybook?

[ackvf]

Prior to version 7, the "Docs" were available as a tab at the top after opening a story from sidebar like this:

However in version 7, "Docs" were removed from the tab and are now available from the sidebar menu, which clutters the menu space. How can I override and disable this per story or globally? Can I switch back to old way (Docs as a card)?

before / after

[f3bw]

Hi there,

Not sure if you can get the Docs tab at the position it was prior SB7, still looking into that.

In Storybook 7, you can turn off the Docs addon by modifying the configuration. Here's how you can do it:

1. Locate the .storybook/main.js file in the root directory of your project.

2. Open the file and find the addons section. It should look something like this:

   module.exports = {
     addons: [
       // Other addons...
       '@storybook/addon-docs',
     ],
   };

3. To disable the Docs addon, you can simply comment out or remove the '@storybook/addon-docs' entry from the addons array:

   module.exports = {
     addons: [
       // Other addons...
       // '@storybook/addon-docs',
     ],
   };

4. Save the changes to the file.

5. Restart your Storybook server, and the Docs addon should no longer be active.

[ackvf]

I don't really want to disable it completely, but merely remove it from being the first default option when opening a story and removing it from the sidebar where it clutters the space a lot. It makes it into 3x the amount of items in there 🤯🤯

[k-sav]

I want to do this too. Because it tries to render too many stories at once and crashes the browser