Creé una historia usando MDX. Quiero demostrar mis estilos internos para botones.

La historia contiene lo siguiente:

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

Cuando se renderiza, el libro de cuentos muestra

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

Como resultado, mi botón no se muestra con el CSS correcto.

¿Cómo evito que Storybook MDX cambie el marcado?

0
Kevin Gill 30 ago. 2020 a las 20:17

1 respuesta

La mejor respuesta

Coloque su marcado dentro de las etiquetas <Preview>:

<Preview>
  <a class="btn btn-primary">
  Primary Button
  </a>
</Preview>
0
Tschareck 1 sep. 2020 a las 15:20