在故事书 MDX 文件中，如何输入文字标记

Question

我使用 MDX 创建了一个故事。我想展示我的按钮内部样式。

故事内容如下：

<a class="btn btn-primary">
Primary Button
</a>

呈现时，故事书显示

<a class="sbdocs sbdocs-a btn btn-primary css-19nbuh3" target="_top">
Primary Button
<a>

因此，我的按钮没有显示正确的 css。

如何防止故事书 MDX 更改标记？

Answer 1

将您的标记放在 <Preview> 标签内：

<Preview>
  <a class="btn btn-primary">
  Primary Button
  </a>
</Preview>

In storybook MDX file, how to I enter literal markup