Storybook에서 문서 탭 숨기기

Question

Typescript와 MDX를 모두 사용하여 스토리를 만들고 싶습니다 main.js.

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

그러나 "캔버스"옆에 "문서"탭이있는 것을 원하지 않습니다. 어떻게 제거합니까? '@storybook/addon-docs'MDX가 없으면 스토리가 표시되지 않습니다.

Answer 1

이것을 넣으십시오 preview.js:

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

Storybook 버전 6.0.x에서 사용

Answer 2

나는 현재 사용 @storybook/[email protected]하고 있으며 불행히도 이전 답변이 저에게 효과적이지 않았습니다. 스토리 북 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 },
};