在 Storybook 中隐藏文档选项卡

Question

我想同时使用 Typescript 和 MDX 创建故事，因此我的 main.js:

module.exports = {
  stories: ['../src/**/*.stories.(mdx|ts)'],
  addons: ['@storybook/addon-docs', 'storybook-addon-preview']
};

但是我不希望“Canvas”旁边有“文档”选项卡。我该如何删除它？没有 '@storybook/addon-docs' MDX 故事不会显示。

Answer 1

将其放入 preview.js:

export const parameters = {
  previewTabs: {
    'storybook/docs/panel': {
      hidden: true
    }
  }
};

用于 Storybook 版本 6。0.x

Answer 2

我目前正在使用 @storybook/angular@6.0.21，不幸的是，之前的答案对我不起作用。我找到了 solution in the storybook DocsPage documentation.

相关栏目：

You can replace DocsPage at any level by overriding the docs.page parameter:

- With null to remove docs
- With MDX docs
- With a custom React component

我能够像这样完全删除单个故事的 DocsPage：

export const myStory = () => ({
  moduleMetadata: MODULE_METADATA,
  component: MyComponent,
});
myStory.parameters = {
  docs: { page: null },
};

在 Storybook 中隐藏文档选项卡

Hide Docs tab in Storybook

storybook

mdxjs