如何仅隐藏Storybook Docs页面的工具栏？

针对你使用7.0.0-beta.25版本遇到的问题，可以通过以下两种方式实现仅在Docs页面隐藏工具栏：

方式一：通过Preview参数配置（推荐） #

在.storybook/preview.js中添加以下配置，针对Docs页面单独禁用工具栏，同时保留Stories页面的工具栏功能：

export const parameters = {
  docs: {
    toolbar: {
      hidden: true // 完全隐藏Docs页面的工具栏
    }
  },
  // 保留Stories页面的工具栏配置（按需调整）
  toolbar: {
    globals: {
      // 这里可以保留你需要在Stories页面显示的全局配置项
    }
  }
};

方式二：通过Manager动态控制（Beta版本兼容方案） #

如果参数配置不生效（Beta版本可能存在bug），可以在.storybook/manager.js中通过监听页面渲染事件，动态切换工具栏的显示状态：

import { addons } from '@storybook/addons';
import { STORY_RENDERED, DOCS_RENDERED } from '@storybook/core-events';

addons.getChannel().on(DOCS_RENDERED, () => {
  const toolbar = document.querySelector('.sb-toolbar');
  if (toolbar) toolbar.style.display = 'none';
});

addons.getChannel().on(STORY_RENDERED, () => {
  const toolbar = document.querySelector('.sb-toolbar');
  if (toolbar) toolbar.style.display = 'flex';
});

内容的提问来源于stack exchange，提问作者puter