material design react 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 design css

/* Answer to: "material design css" */

/*
  Here's a few frameworks that you may like:
  https://materializecss.com/
  https://material.io/develop/web/
  https://getmdl.io/
  https://www.w3schools.com/w3css/w3css_material.asp
  https://www.muicss.com/
  https://mdbootstrap.com/

  Check the source for more information and frameworks.
*/

Example 3: material-ui

yarn add @material-ui/core

npm install @material-ui/core

Example 4: material-ui/core

npm install @material-ui/core

Example 5: react js material ui

//install in the terminal
$ npm install @material-ui/core

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

//on the component
import { Button } from '@material-ui/core';

function App() {
  return <Button color="primary">Hello World</Button>;
}

Example 6: matireal ui

$ npm install @material-ui/core