如何在故事书iframe上设置css样式

Question

我希望在全局级别上为故事书画布和文档设置一些样式。有人能给我一条出路吗？

谢谢！

Answer 1

您可以使用preview-header.html。只需将该文件添加到.storybook文件夹即可。然后在那里添加一个样式标签，例如：

<style>
body {
font-size: 15px;
}
</style>

它的所有内容都被注入到故事书预览Iframe中，因此您可以添加样式以及其他脚本和内容。

Answer 2

https://storybook.js.org/docs/react/configure/theming#global-主题

在.storybook目录中创建manager-head.html文件，并在中设置样式

<style>
...
</style>