Docs
These docs explain the core concepts of MDX. How the format works, how to add it to your site, how to use MDX files, and how to extend them. Reading through these should give you a good understanding of MDX.What is MDX?This article explains what the MDX format is. It shows how markdown, JSX, JavaScript expressions, and import and export statements in ESM can be used inside MDX.Getting startedThis article explains how to integrate MDX into your project. It shows how to use MDX with your bundler and JSX runtime of choice.Using MDXThis article explains how to use MDX files in your project. It shows how you can pass props and how to import, define, or pass components.Extending MDXThis article explains how to extend MDX content—specifically, how to transform content with plugins.Troubleshooting MDXThis article goes through several common problems and errors that might occur when using MDX.Skip to contentMDXDocsWhat is MDX?Getting startedUsing MDXExtending MDXTroubleshooting MDXGuidesGitHub flavored markdown (GFM)FrontmatterMathSyntax highlightingEmbedMDX on demandInjecting componentsPackages@mdx-js/esbuild@mdx-js/loader@mdx-js/mdx@mdx-js/node-loader@mdx-js/preact@mdx-js/react@mdx-js/rollup@mdx-js/vueremark-mdxComponentsPlaygroundCommunitySupportContributeSponsorAboutProjectsBlogGitHubTwitterOpenCollective
This article explains what the MDX format is. It shows how markdown, JSX, JavaScript expressions, and import and export statements in ESM can be used inside MDX.
import
export
This article explains how to integrate MDX into your project. It shows how to use MDX with your bundler and JSX runtime of choice.
This article explains how to use MDX files in your project. It shows how you can pass props and how to import, define, or pass components.
This article explains how to extend MDX content—specifically, how to transform content with plugins.
This article goes through several common problems and errors that might occur when using MDX.