Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Panels not visible in React Storybook

Tags:

I am using Storybook version 3.3.15 on Windows 7 running node version 6.3.1 and npm version 3.10.6.

On running storybook, I see 'No panels Available' message in the bottom of the page where actions panels are rendered. I have imported addon-actions in addons.js: import @storybook/addon-actions/register and the module is also present in node_modules folder. I am not getting any errors regarding this during webpack compliation or in browser console.

How do I make the Action Panel appear?

Note: I cannot update the Node and NPM versions because I am working on a professional level app wherein lots of people are involved and its a very big codebase.

like image 756
darKnight Avatar asked Mar 24 '18 19:03

darKnight


People also ask

How do I show sidebar in storybook?

Use "Cmd+Shift+X" to show the stories panel.

What is storybook addon essentials?

Storybook Essentials is a curated collection of addons to bring out the best of Storybook. Each addon is documented and maintained by the core team and will be upgraded alongside Storybook as the platform evolves. We will also do our best to maintain framework support for all of the officially supported frameworks.


2 Answers

In my case they were simply hidden and in the wrong orientation. Had to use the D and A keyboard shortcuts to make them appear again.

like image 65
charlax Avatar answered Oct 02 '22 14:10

charlax


in my case just hitting d worked

like image 21
D V Yogesh Avatar answered Oct 02 '22 12:10

D V Yogesh