Masquer l'onglet Docs dans Storybook

Question

Je veux créer des histoires en utilisant à la fois Typescript et MDX, j'ai donc dans mon main.js:

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

Cependant, je ne veux pas avoir d'onglet "Docs" à côté de "Canvas". Comment puis-je le supprimer ? Sans '@storybook/addon-docs'histoire MDX n'est pas affiché.

Answer 1

Mets ça dans preview.js:

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

Utilisé dans Storybook version 6.0.x

Answer 2

J'utilise actuellement @storybook/[email protected]et la réponse précédente n'a malheureusement pas fonctionné pour moi. J'ai pu trouver une solution dans la documentation du livre de contes DocsPage .

La rubrique concernée :

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

J'ai pu supprimer complètement la DocsPage pour une seule histoire comme celle-ci :

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