В файле MDX сборника рассказов, как ввести буквальную разметку

Я создал историю с помощью 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.

Как предотвратить изменение разметки в многомерных выражениях Story book?

Источник

1 ответ

Решение

Разместите разметку внутри <Preview> теги:

<Preview>
  <a class="btn btn-primary">
  Primary Button
  </a>
</Preview>
Источник
Другие вопросы по тегам