ซ่อนแท็บเอกสารใน 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 },
};