By Alejandro Martinez
The Secret Garden of Elsie
Elsie discovers a hidden garden in the middle of the city and uncovers a magical world of talking animals and enchanted plants
Sun Jul 23 by: Isabella Garcia
The Island of Lost Souls
A group of travelers finds themselves stranded on an island inhabited by mysterious creatures and haunted by the ghosts of its past inhabitants.
Other entries
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.
More Links
- MDX Syntax Documentation
- Astro Usage Documentation
- Note: Client Directives are still required to create interactive components. Otherwise, all components in your MDX will render as static HTML (no JavaScript) by default.
Subscribe to get news about our latest products, free stuff and latest tech news.
