Working With MDX Custom Elements and Shortcodes

MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary.

Lets harness that magic and look at how we can customize MDX by replacing Markdown elements with our own MDX components. In the process, well introduce the concept of shortcodes when using those components.

As a heads up, the code … Read article “Working With MDX Custom Elements and Shortcodes”

The post Working With MDX Custom Elements and Shortcodes appeared first on CSS-Tricks.