material ui

1// with npm
2npm install @material-ui/core
3
4// with yarn
5yarn add @material-ui/core

1npm i @material-ui/core
2
3// material icon
4npm i @material-ui/icons

1$ npm install @material-ui/core
2
3import React from 'react';
4import { Button } from '@material-ui/core';
5
6export default function App() {
7  return <Button variant="contained" color="primary">Hello World</Button>
8}

1to install mui
2npm install @mui/material @emotion/react @emotion/styled

1// with npm
2npm install @material-ui/core
3
4// with yarn
5yarn add @material-ui/cor

1npm install @material-ui/core

1<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

11
22
33
44
55
66
77
88
99
10

1$ npm install @material-ui/core
2//You´re welcome.

1import TextField from '@material-ui/core/TextField'
2
3<TextField
4                id="slots" 
5                type="number"
6                min={1}
7                defaultValue="1"
8                className="TextField pa2" 
9                onChange={handleChange} 
10                label="number of slots" 
11                InputProps={{ 
12                    inputProps: { min: 1} 
13                 }}
14                InputLabelProps = {{
15                    shrink:true,
16                }}/>