我在一个故事书的项目上，我希望我的故事能够改变背景或放置一个背景，因为我只需要一个不同颜色的背景，但我不能把背景，因为它在文档中说：
https://storybook.js.org/docs/react/essentials/backgrounds
export default {
title: 'Button',
parameters: {
backgrounds: {
default: 'twitter',
values: [
{ name: 'twitter', value: '#00aced' },
{ name: 'facebook', value: '#3b5998' },
],
},
},
};我的代码是这样的：
export default {
title: "Atoms/Example",
component,
parameters: {
backgrounds: {
default: "black",
values: [
{ name: "black", value: "#000000" },
{ name: "white", value: "#ffffff" }
]
}
},
argTypes: {
is: {
control: {
type: "select",
options: [25, 33, 50, 75, 100]
}
}
}
}但是我的代码根本不起作用，从文档中看一切都是正确的。
或者是否有任何方法可以为我的故事设置一个背景，即使它不是动态的，如果不是固定的话
2条答案
按热度按时间2g32fytz1#
请确保您已经安装了
@storybook/addon-backgrounds，并在.storybook/main.js文件中确保它在您的插件中：addons: ['@storybook/addon-backgrounds']注意确保：
addons: ['@storybook/addon-backgrounds']而不是addons: ['@storybook/addon-backgrounds/register']使用
register是旧方法，会妨碍它正常工作nom7f22z2#
我以前遇到过这种情况，但在您的情况下，您似乎没有在Component Story Format导出的
component属性中指定要呈现哪个组件。尝试按如下方式指定组件，并查看问题是否仍然存在。