Storybook 的 parameters 参数怎么在单个 story 里覆盖全局配置？

西门丹丹提问于 2026-02-27 21:40:18 阅读 10

工具

我在 .storybook/preview.js 里设置了全局的 parameters，比如 viewport 和 backgrounds，但现在有个组件的 story 想用不同的背景色，试了直接在 story 对象上加 parameters，但好像没生效？

我写的是这样：

export const MyStory = () => <MyComponent />;
MyStory.parameters = {
  backgrounds: { values: [{ name: 'dark', value: '#000' }] }
};

但 Storybook 还是显示全局的背景选项，是我写法不对吗？

我来解答赞 1 收藏

反馈

1 条解答

开发者忠娟 Lv1

你只设置了 values 但没指定用哪个，加上 default 就行了：

MyStory.parameters = {

  backgrounds: { 

    default: 'dark',

    values: [{ name: 'dark', value: '#000' }] 

  }

};

光定义 values 只是覆盖了可选列表，default 才是真正控制当前 story 显示哪个背景的字段。

2026-02-28 14:16