5 Material UI Components You Should Use In Your Next React Project

You had me at the logo.
npm install @material-ui/core 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
Here is an example of importing the Grid and Paper components as well as the makeStyles function from Material UI

1. Grid

In this case, the xs refers to the screen size (see the docs) each item adding up to 12 will take up 1 row. So in this case there are 3 rows.

2. Paper

Here are 3 Paper components with varying elevations.

3. Material Icons

Here are just a few examples of the great icons in Material UI

4. Snackbar

Here are some examples of the Snackbar component.

5. Tooltip

Makes a big difference!



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store