Storybook does not show toolbar in production build

[meeshan-dev]

@dosu, Storybook does not show toolbar and content panel in production build

[dosubot[bot]]

Here are the most common reasons for missing toolbar and content panel in a Storybook production build:

• If you used the --preview-only flag or a custom build script that triggers preview-only mode, Storybook will skip building the manager UI (toolbar and sidebar). In this case, only the preview iframe is built, and you must access /iframe.html?navigator=true to see a basic sidebar. Make sure you are not using this flag unless you intend to build preview-only mode. Details

• If you are serving your build with the serve package, it can mishandle rewrites (like /iframe.html to /iframe), causing UI elements to disappear or show errors. Use npx http-server storybook-static to serve your build locally and verify that both /index.html and /iframe.html are accessible. Details

• Toolbar and panel visibility are controlled by layout options (showToolbar, showPanel) and can be customized or overridden in your configuration (main.js, preview.js/ts, manager.js) or by addons. Check your config files and any persisted layout state for overrides. Source code

• Individual toolbar items can be hidden via story parameters or addon configuration. Review your globalTypes, story parameters, and addon settings for any exclusions. Source code

If you still see the issue, please share your Storybook version, build command, deployment method, and any relevant config files. Also, let me know if the problem happens in development mode or only in production. This will help narrow down the cause.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}