Add Material UI

In order to give our application some style we'll use the popular Material UI component library. It's a set of React components that implement the Google Material UI design language.

Using Material UI is not required to learn how to integrate Drupal and Gatsby together, but we enjoy working with it, and it allows us to focus on the important parts of these tutorials while still being able to create an application with some basic styling.

In this tutorial we'll:

  • Install the gatsby-plugin-material-ui Gatsby plugin
  • Update our application's existing components to make use of the components provided by the Material UI component library

By the end of this tutorial your application should use some components from the Material UI library to give it a bit of extra style.

Sign in with your Osio Labs account
to gain instant access to our entire library.