From 429f3cefd80e2fb68eeb7813de409973e47908cc Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Thu, 26 Mar 2020 12:43:50 +0100 Subject: [PATCH] fix Netlify deploy --- docs/src/pages/components/icons/icons.md | 38 ++++++++++++------------ 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/src/pages/components/icons/icons.md b/docs/src/pages/components/icons/icons.md index e2ad1306849ffd..cce6b51056644b 100644 --- a/docs/src/pages/components/icons/icons.md +++ b/docs/src/pages/components/icons/icons.md @@ -3,11 +3,25 @@ title: React Icon Component components: Icon, SvgIcon --- -# Installation +# Icons + +

Guidance and suggestions for using icons with Material-UI.

+ +Material-UI provides icons support in three ways: + +1. Standardized [Material Design icons](#material-icons) exported as React components (SVG icons). +1. With the [SvgIcon](#svgicon) component, a React wrapper for custom SVG icons. +1. With the [Icon](#icon-font-icons) component, a React wrapper for custom font icons. + +## Material Icons + +Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). + +### Installation Install the package in your project directory with: -```bash +```sh // with npm npm install @material-ui/icons @@ -19,31 +33,17 @@ These components use the Material-UI SvgIcon component to render the SVG path fo If you are not already using Material-UI in your project, you can add it with: -```bash +```sh // with npm npm install @material-ui/core - + // with yarn yarn add @material-ui/core ``` -# Icons - -

Guidance and suggestions for using icons with Material-UI.

- -Material-UI provides icons support in three ways: - -1. Standardized [Material Design icons](#material-icons) exported as React components (SVG icons). -1. With the [SvgIcon](#svgicon) component, a React wrapper for custom SVG icons. -1. With the [Icon](#icon-font-icons) component, a React wrapper for custom font icons. - -## Material Icons - -Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). - ### Usage -Install `@material-ui/icons`. Import icons using one of these two options: +Import icons using one of these two options: - Option 1: