Skip to content

Commit

Permalink
Merge pull request mui#1434 from agnivade/master
Browse files Browse the repository at this point in the history
Adding the css link to use with material icons
  • Loading branch information
Hai Nguyen committed Aug 18, 2015
2 parents f2132fa + fafe1f3 commit 5edc5d5
Showing 1 changed file with 10 additions and 3 deletions.
13 changes: 10 additions & 3 deletions docs/src/app/components/pages/components/icons.jsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
let React = require('react');
let { ClearFix, FontIcon, Styles } = require('material-ui');
let { ClearFix, FontIcon, Styles, Paper } = require('material-ui');
let CodeBlock = require('../../code-example/code-block');
let ComponentDoc = require('../../component-doc');
let ActionHome = require('svg-icons/action/home');

Expand Down Expand Up @@ -34,9 +35,15 @@ class FontIconPage extends React.Component {
Icons</a> for our documentation site along with some custom icons. You can use
sites like <a title="Icomoon website" href="https://icomoon.io/">IcoMoon</a> for
generating custom font files. To use FontIcons, add your stylesheet to your project
and reference the icon&#39;s className in the "className" prop. We also support <a title="Google's
and reference the icon&#39;s className in the "className" prop. <br /><br />
We also support <a title="Google's
Material Icons" href="https://google.github.io/material-design-icons">Google&#39;s
Material Icons</a> as seen in the third block of code.
Material Icons</a> as seen in the third block of code. If you're using the material icons, be sure to include the link to the font icon file in your head section:
<Paper>
<CodeBlock>
{'<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">'}
</CodeBlock>
</Paper>
</p>
);

Expand Down

0 comments on commit 5edc5d5

Please sign in to comment.