Installation

Installation

Material-UI is available as an npm package.

npm

To install and save in your package.json dependencies, run:

npm install @material-ui/core

Roboto Font

Material-UI was designed with the Roboto font in mind. So be sure to follow these instructions. For instance, via Google Web Fonts:

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

Font Icons

In order to use the font Icon component you must first add the Material icons font. Here are some instructions on how to do so. For instance, via Google Web Fonts:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

SVG Icons

In order to use prebuilt SVG Material icons, such as those found in the component demos you must first install the @material-ui/icons package:

npm install @material-ui/icons