如何使用react-toolbox图标

时间:2017-09-26 06:11:09

标签: reactjs react-toolbox

我在项目中使用react-toolbox

我尝试了一些功能,即图标按钮。现在我需要一个带arrow-u p图标的按钮。我不知道它是否由react-toolbox提供。

<Button icon='arrow-up' floating />

上面的代码没有显示按钮上的任何图标

如何使用arrow-up图标?任何帮助表示赞赏

2 个答案:

答案 0 :(得分:0)

React Toolbox是一组实现Google's Material Design specification的React组件。

根据 Github page

  

Roboto字体和材质设计图标

     

React Toolbox假定您要导入Roboto字体和材质   设计图标。

     

为了为您导入字体,我们需要将它们包含在中   CSS被认为是一种不好的做法。如果你不包括他们   在您的应用中,转到链接的网站并按照说明操作。

由于它使用了材质图标,因此您可以从 material icons

获取所有图标列表

对于向上箭头图标,您将使用

 <Button icon='keyboard-arrow-up' floating />

答案 1 :(得分:0)

如果您对无法显示图标有疑问,则可能忘记了将以下链接添加到.html文件中:

... link rel =“ stylesheet” href =“ https://fonts.googleapis.com/icon?family=Material+Icons” ...(由于github安全,因此无法添加所需的链接,因此将<替换为<或>)

检查web material.io安装指南: https://material.io/develop/web/docs/getting-started/