Material-ui: アイコンの使い方は？

作成日 2015年06月15日 · 3コメント · ソース: mui-org/material-ui

npm install material-uiでライブラリをインストールしました。
コンポーネント<FontIcon className='mui-icon-sort' />を使用すると、表示するアイコンがありません。
これを解決する方法を知っていますか？

ソース

revskill10

👍3

最も参考になるコメント

@checkraiser <FontIcon>メソッドでアイコンを使用するには、プロジェクトにGoogleフォントライブラリを追加する必要があります。または、Google Webフォント<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">からGoogleマテリアルアイコンを追加して、以下のようにアイコンを使用することもできます。

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

mairh 2015年06月15日

👍15

全てのコメント3件

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

mairh 2015年06月15日

👍15

ありがとう@mairh-ライブラリ内のgoogleフォントライブラリのサポートを提供するこの問題もあります。＃829を参照

hai-cea 2015年06月19日

@mairh Material-UIのアイコンを使用できませんか？
グーグルマテリアルUIフォントライブラリを含むことは目的を破壊します、またそれは48KBです

amitparrikar 2018年01月28日

このページは役に立ちましたか？

0 / 5 - 0 評価

Material-ui: アイコンの使い方は？

最も参考になるコメント

全てのコメント3件

関連する問題