Using MDX

Using MDX

Sat Jul 02 2022
BigWind
1 minutes
tech
No tags assigned
153 words

This theme comes with the @astrojs/mdxintegration 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 contentfor 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.

More Links#