Installation
Install MUI System, a collection of CSS utilities for rapidly laying out custom designs.
Default installation
Run one of the following commands to add MUI System to your project:
npm install @mui/system @emotion/react @emotion/styledWith styled-components
MUI System uses Emotion as its default styling engine. If you want to use styled-components instead, run one of the following commands:
npm install @mui/system @mui/styled-engine-sc styled-componentsPeer dependencies
Please note that react is a peer dependency too:
"peerDependencies": {
"react": "^17.0.0 || ^18.0.0"
},