storybook - 如何在 Storybook.js 中更改画布的背景颜色？

Question

默认似乎是黑色背景，但我想要一个白色的。我尝试使用浅色主题、自定义主题和背景添加，但无论我做什么，我都无法更改画布的颜色。

Answer 1

如果有人想知道如何仅为 one 更改背景颜色<Canvas />，请在 Storybook 中应用 style 属性：

<Canvas style={{background: "red"}} >

我个人希望 Storybook 为这些东西添加一些道具，但我找不到，所以我尝试了这个，它奏效了。

Answer 2

我添加了一个 custom-preview.html 并在那里添加了 body 标签的样式信息。