Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Style Components Rendered By MDX with Theme UI in Gatsby


    Theme UI provides a wrapper around the MDXProvider so you can add styling to components that are rendered in your MDX documents. The styling you add will not be leaked as global styles since it relies on React Context and Emotion. The values set in the styles object are theme-aware so you can ensure consistency when applying color and typographic styles to your content.

    This lesson uses gatsby-plugin-theme-ui in order to seamlessly integrate Theme UI into a Gatsby site.