Nascondi la scheda Documenti in Storybook

Question

Voglio creare storie usando sia Typescript che MDX, quindi ho nel mio main.js:

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

Tuttavia non voglio avere la scheda "Documenti" accanto a "Canvas". Come lo rimuovo? Senza '@storybook/addon-docs'MDX la storia non viene visualizzata.

Answer 1

Metti questo in preview.js:

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

Utilizzato in Storybook versione 6.0.x

Answer 2

Attualmente sto usando @storybook/[email protected]e la risposta precedente purtroppo non ha funzionato per me. Sono stato in grado di trovare una soluzione nella documentazione DocsPage del libro di fiabe .

La sezione pertinente:

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

Sono stato in grado di rimuovere completamente la DocsPage per una singola storia come questa:

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