在 Storybook 中全局隐藏插件选项卡

【问题标题】：Hide Addon Tab Globally in Storybook在 Storybook 中全局隐藏插件选项卡
【发布时间】：2020-08-20 23:39:34
【问题描述】：

我希望全局隐藏插件选项卡（不是每个故事）。我不想禁用插件本身，只是隐藏它的标签面板。

我正在使用带有 React 的 Storybook 5.3.18 版，我希望隐藏的插件选项卡来自插件“样式化组件主题”。

抱歉，我知道这听起来是一个基本问题，但我就是不知道该怎么做。任何帮助表示赞赏。

【问题讨论】：

【解决方案1】：

我不确定如何禁用插件栏 - 虽然它会很高兴。但是如果您想全局禁用某个特定的插件，那么以下应该可以工作。然后，您可以对所有插件执行以下操作。

假设您想禁用 controls 插件。

/* preview.ts */

export const parameters = {
  controls: { disabled: true },
};

【讨论】：

【解决方案2】：

我认为您的意思是面板而不是控件插件？您可以像这样在 .storybook/manager.js 文件中进行配置：

// .storybook/manager.js

import { addons } from '@storybook/addons';     
  
addons.setConfig({
    options: {showPanel: false}
});

您的故事底部将不再有面板 :) 仅当您的单个故事具有此参数时：

parameters={{ options: {showPanel: true} }}

它会再次出现。

【讨论】：