1

我正在react-toolbox用于我的项目。

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

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

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

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

4

2 回答 2

1

React Toolbox 是一组实现Google's Material Design specification.

根据Github 页面

Roboto 字体和材料设计图标

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

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

由于它使用material-icon,因此您可以从material icons中获取所有图标列表

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

 <Button icon='keyboard-arrow-up' floating />
于 2017-09-26T06:24:24.267 回答
0

如果您遇到图标未显示的问题,您可能忘记在 .html 文件中添加以下链接:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

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

于 2019-05-02T13:22:12.833 回答