@ material code example

Example 1: material ui react

// 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" />

Example 2: material css

<!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

Example 3: material-ui

yarn add @material-ui/core

npm install @material-ui/core

Example 4: MaterialApp

MaterialApp(
  home: Scaffold(
    appBar: AppBar(
      title: const Text('Home'),
    ),
  ),
  debugShowCheckedModeBanner: false,
)

Example 5: material ui

$ npm install @material-ui/core

Example 6: material ui

import TextField from '@material-ui/core/TextField'

<TextField
                id="slots" 
                type="number"
                min={1}
                defaultValue="1"
                className="TextField pa2" 
                onChange={handleChange} 
                label="number of slots" 
                InputProps={{ 
                    inputProps: { min: 1} 
                 }}
                InputLabelProps = {{
                    shrink:true,
                }}/>