我正在react-toolbox
用于我的项目。
我已经尝试了它具有的一些功能,即图标按钮。现在我需要一个带有arrow-u
p 图标的按钮。我不知道它是否由 react-toolbox 提供。
<Button icon='arrow-up' floating />
上面的代码没有在按钮上显示任何图标
如何使用arrow-up
图标?任何帮助表示赞赏
我正在react-toolbox
用于我的项目。
我已经尝试了它具有的一些功能,即图标按钮。现在我需要一个带有arrow-u
p 图标的按钮。我不知道它是否由 react-toolbox 提供。
<Button icon='arrow-up' floating />
上面的代码没有在按钮上显示任何图标
如何使用arrow-up
图标?任何帮助表示赞赏
React Toolbox 是一组实现Google's Material Design specification
.
Roboto 字体和材料设计图标
React Toolbox 假定您正在导入 Roboto 字体和 Material Design 图标。
为了为您导入字体,我们需要将它们包含在 CSS 中,这被认为是一种不好的做法。如果您没有将它们包含在您的应用程序中,请转到链接的站点并按照说明进行操作。
由于它使用material-icon,因此您可以从material icons中获取所有图标列表
对于您将使用的向上箭头图标
<Button icon='keyboard-arrow-up' floating />
如果您遇到图标未显示的问题,您可能忘记在 .html 文件中添加以下链接:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
查看 web material.io 安装指南: https ://material.io/develop/web/docs/getting-started/