样式化@storybook/addon-docs从MDX-files生成的标签？

Question

目前，我正在尝试在Storybook中构建公司品牌的设计系统。我使用addon-docs为我的组件和关于设计愿景的文章生成MDX格式的故事。我想样式化生成的标签，比如h1。

对我来说，包含定制的CSS- some表似乎不是一个好主意，因为它可能会与其他组件(比如用一些className呈现相同的h1标记的Header )混合在一起。当然，我可以使用自定义组件来记录文档，但在这种情况下使用MDX没有任何意义。

在我看来，这个标签应该有一些CSS-in-JS样式API。我是否在Stoybook文档中遗漏了什么？

Answer 1

<Story>标记有一个" inline“属性，它告诉Storybook是在html中内联故事，还是在iframe中呈现它。如果您的组件没有隔离它们的样式，您可以选择在iframe中呈现它们。这样，您就可以在不影响组件的情况下对文档应用任何样式。

<Story inline="false">

注意:我还没有亲自尝试过这一点，但在我建立自己的Storybook时，我在文档中看到了它。希望这能有所帮助。