Скрыть вкладку Документы в Storybook

Question

Я хочу создавать истории, используя как Typescript, так и MDX, поэтому у меня есть main.js:

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

Однако я не хочу, чтобы вкладка "Документы" была рядом с "Холстом". Как мне его удалить? Без'@storybook/addon-docs' История многомерных выражений не отображается.

Answer 1

Поместите это в preview.js:

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

Используется в Storybook версии 6.0.x

Answer 2

Я сейчас использую @storybook/angular@6.0.21и предыдущий ответ, к сожалению, не сработал для меня. Мне удалось найти решение в документации сборника рассказов DocsPage.

Соответствующий раздел:

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 },
};