reactjs - React Toolbox 图标显示为替代文本

Question

我正在尝试使用带有图标的按钮。

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

我尝试在不同的组件中使用图标。什么都没解决。

<FontIcon value='add' />

上面的代码也呈现为文本。

score 1 · Accepted Answer

React Toolbox 假定您正在导入 Roboto 字体和 Material Design 图标。

为了为您导入字体，我们需要将它们包含在 CSS 中，这被认为是一种不好的做法。如果您没有将它们包含在您的应用程序中，请转到链接的站点并按照说明进行操作。

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

score 0 · Accepted Answer

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

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

2 回答 2