MDX Article Example
words
minutes
MDX Article Example
:::tip
Firefly supports both Markdown and MDX posts. Use Markdown for normal articles and MDX when you need embedded components or JSX.
:::
Markdown vs MDX
| Feature | Markdown | MDX | | :------ | :------- | :-- | | CommonMark syntax | Supported | Supported | | HTML tags | Supported | Supported as JSX | | Component imports | Not available | Supported | | Dynamic expressions | Not available | Supported |
Using a Component
import { Icon } from "astro-icon/components";
<div class="flex items-center gap-2 my-4"> <Icon name="fa7-solid:rocket" class="text-4xl text-red-500" /> <span>Rocket launch</span></div>Rocket launch
JSX Block
This block is written as JSX inside an MDX article.
Current year: 2026
Learn more from the MDX documentation.
Support & Share
If this article helped you, please share or support!
MDX Article Example
https://docs.bingyun.vip/en/posts/markdown/mdx-example/ Related Posts Smart
1
KaTeX Math Example
Markdown Inline and block math examples rendered with KaTeX.
2
Code Block Examples
Markdown Code examples for syntax highlighting and copy buttons.
3
Markdown Extensions
Markdown Extended Markdown features supported by Firefly.
4
Markdown Mermaid Diagrams
Markdown Mermaid diagram examples for English content rendering.
5
Markdown PlantUML Diagrams
Markdown PlantUML examples for checking diagram rendering.
Random Posts Random