加入直播:周四,美国东部时间上午 11 点,Storybook 9 发布及 AMA
文档要点
Storybook 文档

要点

Storybook essentials 是一套工具,可帮助你在 Storybook 中构建、测试和文档化组件。它包括以下内容:

配置

Essentials 是“零配置”的。它自带推荐的开箱即用配置。

上述许多功能可以通过 参数 进行配置。更多详情请参阅每个功能(上方已链接)的文档。

禁用功能

如果你需要禁用任何 essential 功能,可以通过修改你的 .storybook/main.js|ts 文件来完成。

例如,如果你想禁用 背景功能,你可以在 Storybook 配置中应用以下更改:

.storybook/main.ts
// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
import type { StorybookConfig } from '@storybook/your-framework';
 
const config: StorybookConfig = {
  framework: '@storybook/your-framework',
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
  features: {
    backgrounds: false, // 👈 disable the backgrounds feature
  },
};
 
export default config;

你可以为每个独立功能使用以下键:actions, backgrounds, controls, highlight, measure, outline, toolbarsviewport