文档
Storybook Docs

核心功能

Storybook essentials 是一套工具,可帮助您在 Storybook 中构建、测试和记录组件。它包含以下内容:

配置

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

上述许多功能都可以通过 参数 进行配置。有关更多详细信息,请参阅每个功能的文档(上面已链接)。

禁用功能

如果要禁用任何精华功能,可以通过修改 .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;

您可以使用以下键来设置每个单独的功能:actionsbackgroundscontrolshighlightmeasureoutlinetoolbarsviewport