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

【问题标题】：In storybook MDX file, how to I enter literal markup在故事书 MDX 文件中，如何输入文字标记
【发布时间】：2020-08-30 17:17:49
【问题描述】：

我使用 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。

如何防止 Storybook MDX 更改标记？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：