Sembunyikan tab Docs di Storybook

Question

Saya ingin membuat cerita menggunakan Typecript dan MDX, oleh karena itu saya memiliki main.js:

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

Namun saya tidak ingin memiliki tab "Docs" di sebelah "Canvas". Bagaimana cara menghapusnya? Tanpa '@storybook/addon-docs'cerita MDX tidak ditampilkan.

Answer 1

Taruh ini di preview.js:

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

Digunakan dalam Buku Cerita versi 6.0.x

Answer 2

Saya sedang menggunakan @storybook/[email protected]dan sayangnya jawaban sebelumnya tidak bekerja untuk saya. Saya dapat menemukan solusi dalam buku cerita dokumentasi DocsPage .

Bagian yang relevan:

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

Saya dapat sepenuhnya menghapus DocsPage untuk satu cerita seperti ini:

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