@activelylearn/material-ui
Version:
Material-UI's workspace package
40 lines (28 loc) • 1.16 kB
Markdown
# Installation
Material-UI is available as an [npm package](https://www.npmjs.com/package/@material-ui/core).
## npm
To install and save in your `package.json` dependencies, run:
```sh
npm install @material-ui/core
```
## Roboto Font
Material-UI was designed with the [Roboto](https://fonts.google.com/specimen/Roboto)
font in mind. So be sure to follow [these instructions](/style/typography#general).
For instance, via Google Web Fonts:
```html
<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](https://material.io/tools/icons/) font.
Here are [some instructions](/style/icons#font-icons)
on how to do so.
For instance, via Google Web Fonts:
```html
<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](/demos/app-bar/)
you must first install the [@material-ui/icons](https://www.npmjs.com/package@material-ui/icons) package:
```sh
npm install @material-ui/icons
```