Introduction to MDX

Set up a Gatsby site to use MDX with gatsby-plugin-mdx with a default layout

Import and use a React component in Markdown with MDX

Use a React Component from NPM in an MDX File with Gatsby MDX

Create a Table of Contents Component for MDX Documents in Gatsby

Create a Live Code Component with Gatsby MDX and React Live

Make React components globally available as shortcodes in MDX

Use MDXProvider to Control the Rendering of Markdown Elements with Gatsby MDX

Style Components Rendered By MDX with Theme UI in Gatsby

Using components in Markdown with MDX

Learn how to import and use a custom React component inline with markdown. You can use custom or third party components installed from other places.

See more instructions and additional context in the [Gatsby docs for importing components in MDX](https://www.gatsbyjs.org/docs/mdx/importing-and-using-components/)

gatsby

https://app.egghead.io/api/v1/lessons/gatsby-import-and-use-a-react-component-in-markdown-with-mdx/transcript

Using components in Markdown with MDX

Import and use a React component in Markdown with MDX

Social Share Links