Ocultar la pestaña Documentos en Storybook

Question

Quiero crear historias usando Typescript y MDX, por lo que tengo en mi main.js:

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

Sin embargo, no quiero tener la pestaña "Documentos" al lado de "Lienzo". ¿Cómo lo elimino? Sin '@storybook/addon-docs'MDX, la historia no se muestra.

Answer 1

Pon esto en preview.js:

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

Usado en Storybook versión 6.0.x

Answer 2

Actualmente estoy usando @storybook/[email protected]y la respuesta anterior lamentablemente no funcionó para mí. Pude encontrar una solución en la documentación del libro de cuentos DocsPage .

La sección correspondiente:

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

Pude eliminar completamente DocsPage para una sola historia como esta:

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