Using MDX

This theme comes with the @astrojs/mdx integration installed and configured in your astro.config.mjs config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.

Why MDX?

MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to mix JavaScript and UI Components into your Markdown content for things like interactive charts or alerts.

If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.

Example

Here is how you import and use a UI component inside of MDX. When you open this page in the browser, you should see the clickable button below.

Embedded component in MDX
❓

Información Importante

Este es un mensaje informativo que puede ser útil para los usuarios. Contiene datos relevantes sobre el tema que se está tratando.

⚠️

¡Cuidado!

Esta es una advertencia que los usuarios deberían tener en cuenta. Ignorar esta advertencia podría causar problemas.

✨

Consejo Útil

Aquí hay un consejo práctico que puede mejorar tu experiencia o ayudarte a lograr mejores resultados.

📌

Nota Adicional

Esta es una nota complementaria que añade contexto o información de fondo sobre el tema principal.