我在项目中使用react-toolbox
。
我尝试了一些功能,即图标按钮。现在我需要一个带arrow-u
p图标的按钮。我不知道它是否由react-toolbox提供。
<Button icon='arrow-up' floating />
上面的代码没有显示按钮上的任何图标
如何使用arrow-up
图标?任何帮助表示赞赏
答案 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/