【问题标题】:How to I make use of react-toolbox icons如何使用 react-toolbox 图标
【发布时间】:2017-09-26 06:11:09
【问题描述】:

我在我的项目中使用react-toolbox

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

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

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

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

【问题讨论】:

标签: reactjs react-toolbox


【解决方案1】:

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

根据Github page

Roboto 字体和 Material Design 图标

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

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

由于它使用material-icon,你可以从material icons

获取所有图标列表

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

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

【讨论】:

  • 感谢您的回答。对于临时解决方案,我从 material-icon 下载了 svg 图标并将它们包含在我的项目中。但是,我以为我安装 react toolbox 时已经下载了一些图标,所以我不必再次从 material-icon 下载图标。 cmiiw.
【解决方案2】:

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

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

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

【讨论】:

    猜你喜欢
    • 2016-10-28
    • 1970-01-01
    • 1970-01-01
    • 2023-03-14
    • 2016-10-27
    • 1970-01-01
    • 2016-04-30
    • 2016-04-19
    • 1970-01-01
    相关资源
    最近更新 更多