我正在学习使用Bulma框架的React,我安装了react-bulma-components,我想添加一些图标。为此,我从"react-bulma-components/lib/components/ Icon“导入了icon,然后使用了该组件。它工作得很好,但Icon组件收到一个icon属性,该属性是所需图标的字符串,我想知道可使用的图标是什么。我找到了几个示例here,但我不知道在哪里可以找到其他可用的图标。现在,我正在寻找一个垃圾桶或删除图标。
发布于 2020-09-06 21:27:31
在您的代码中导入字体awesome,然后获取与您希望的图标相关的字符串。use.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>
发布于 2020-09-06 23:00:00
默认情况下,Bulma只包含这两个图标(bars
和angle-down
)。你可以查看更多关于它的here。
这个想法是让开发人员选择他想要与bulma一起使用的图标库。对于它,你可以使用像Material Design Icons,Font Awesome等库。
https://stackoverflow.com/questions/63768890
复制相似问题