Added Code component - Githubissues

hagnerd / gatsby-starter-blog-mdx

Live Demo

https://gatsby-starter-blog-mdx-demo.netlify.com

MIT License

67 stars 43 forks source link

Added Code component #1

Closed ChristopherBiscardi closed 5 years ago

ChristopherBiscardi commented 5 years ago

Removed gatsby-remark-prismjs
Code component supports prism highlighting and react-live arbitrary code execution

Hey! cool starter. I thought it'd be sweet to show off some of the MDX capabilities by replacing the prism remark plugin with a React component that swaps between Prism highlighting and React Live playgrounds.

This PR also uses a new package mdx-utils that I published today to make replacing the pre component easier.

Here's a gif of both in action:

precode

hagnerd commented 5 years ago

Hey thanks for the PR! I was planning on adding more to show off the capabilities of MDX and this is a great start. Thanks for the awesome plugin to get MDX working in Gatsby 😄