如何解决我在哪里可以找到react-bulma-components的可用图标?
我正在使用Bulma框架学习React,我安装了react-bulma-components并想添加一些图标。为此,我从“ react-bulma-components / lib / components / icon”导入了Icon,然后使用了该组件。它工作正常,但是Icon组件收到一个icon属性,该属性是所需图标的String,我想知道要使用的可用图标是什么。我找到了两个示例here,但不知道在哪里可以找到其他可用的图标。现在,我正在寻找垃圾桶或删除图标。
解决方法
在代码中导入很棒的字体,然后获取与您要使用的图标相关的字符串。这里是供您参考的链接
https://fontawesome.com/v4.7.0/icon/trash
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import Icon from 'react-bulma-components/lib/components/icon';
import faUserPlus from '@fortawesome/fontawesome-free-solid/faUserPlus';
<Icon>
<FontAwesomeIcon icon={faUserPlus} />
</Icon>
,
默认情况下,布尔玛只包含这两个图标(bars
和angle-down
)。
您可以查看有关here的更多信息。
这个想法是让开发人员选择他要用于bulma的图标库。为此,您可以使用Material Design Icons,Font Awesome等库...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。