React Toolboxアイコンが代替テキストとして表示されます

Question

アイコン付きのボタンを使用しようとしています。

<Button icon="add" floating accent mini /> 

さまざまなコンポーネントでアイコンを使用しようとしました。何もうまくいかなかった。上記のコード

<FontIcon value='add' />

もテキストとしてレンダリングされます。ここで

Answer 1

は、ツールボックスは、あなたがRobotoフォントとマテリアルデザインのアイコンをインポートしていることを前提として反応します。

フォントをインポートするには、CSSに含める必要があります。これは悪い方法です。あなたのアプリにそれらを含めていない場合は、リンク先のサイトに移動し、指示に従ってください。

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Roboto:400,500,700" />

Answer 2

import {Button, IconButton} from 'react-toolbox/lib/button'; 

<IconButton icon="add" floating accent mini /> 

は完全なリファレンスです：http://react-toolbox.com/#/components/button