Installation

Install MUI System, a collection of CSS utilities for rapidly laying out custom designs.

To install and save in your package.json dependencies, run the command below using npm:

npm install @mui/system @emotion/react @emotion/styled

Or yarn:

yarn add @mui/system @emotion/react @emotion/styled

Or if you want to use styled-components as a styling engine:

npm install @mui/system @mui/styled-engine-sc styled-components

yarn add @mui/system @mui/styled-engine-sc styled-components

Take a look at the Styled Engine guide for more information about how to configure styled-components as the style engine.