Guides

There’s a lot of things you can do with MDX, so we’ve begun collecting guides for common use cases, tools, and patterns. It’s intended to become the central knowledge base for MDX, so please feel free to add to them by contributing!

• Add syntax highlighting to code blocks
• Add a live code block
• Render MDX to the terminal
• [WIP] Implement a dynamic table of contents
• [WIP] Use MDX in a Vue project
• Use markdown content in components
• Embed 3rd Party media content with MDX Embed

Customizing

At it’s core MDX is minimal and unopinionated, so there’s often a need to customize it. Here are a few ways to do that:

• Write a custom remark plugin
• Building a custom webpack loader
• Wrapper customization