xxxxxxxxxx
// with npm
npm install @mui/material @emotion/react @emotion/styled
// with yarn
yarn add @mui/material @emotion/react @emotion/styled
xxxxxxxxxx
// Get the core
npm install @material-ui/core
// Those fancy SVG icons
npm install @material-ui/icons
// Roboto is the font Material-UI is based around, ofc you can omit this
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
// Font Icons
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
xxxxxxxxxx
$ npm install @material-ui/core
import React from 'react';
import { Button } from '@material-ui/core';
export default function App() {
return <Button variant="contained" color="primary">Hello World</Button>
}
xxxxxxxxxx
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/cor