使用Office UI fabric react icons显示图标

使用方法：

1，引入Icon控件：

import{Icon
} from 'office-ui-fabric-react';

2, 在UI中添加Icon控件：

<Icon iconName="Add" title="Add" />

其中iconName指定一个图标的名字，目前有一千多种图标可以直接使用，title是指定tooltip。

效果图：

图标的名字可以参考这个图标列表：

https://github.com/OfficeDev/office-ui-fabric-core/blob/master/src/data/icons.json

名字和图标对应如下：

使用Office UI fabric react icons显示图标相关推荐

[Taro] 解决使用 Taro UI 小程序下 Iconfont 图标不显示问题
[Taro] 解决使用 Taro UI 小程序下 Iconfont 图标不显示问题参考文章: (1)[Taro] 解决使用 Taro UI 小程序下 Iconfont 图标不显示问题 (2) ...
window10安装office之后开始菜单不显示office快捷方式图标
window10安装office之后开始菜单不显示office图标 1.问题描述 2.解决办法 1.问题描述我安装的是office2019专业增强版但是安装完之后开始菜单就是不出现 Word.Ex ...
为什么安装office后,xls文件不显示excel图标
有位用户在电脑中选择使用Microsoft Office并将之前安装的WPS Office办公软件卸载了.但是卸载之后发现电脑系统中的Word.Excel等文件无法正常显示图标.在这样的情况下,我们应 ...
Linux kubuntu x64系统下解决QT5.12编辑菜单和工具栏不显示图标问题
Linux kubuntu x64系统下发现QT5.12在设计视图下编辑菜单和工具栏显示图标,但是编译运行后发现菜单和工具栏不显示图标,如下图: 我的解决办法是: 1.在QT项目中,菜单和工具栏图标一 ...
如何在WordPress菜单中显示图标[WordPress插件]
该图标是任何类型设计的完美补充. 许多图标是公认的 . 在机场乘坐公共厕所标牌. 无需了解当地语言,如果您不熟悉当地语言,则可以从门前使用的图标立即掌握哪个厕所适合女士们使用,哪个厕所适合绅士们使用. ...
安装office2016后文档表格不能显示图标
之前重装系统没有了office,所以自己重装office2016家庭和学生版,结果安装好以后没有显示图标,由于没有找到有效地解决方案,所以转用WPS,后来又觉得WPS广告太多,太麻烦,又装了offic ...
界面组件Kendo UI for React R3 2022新版，让Web应用更酷炫
Kendo UI致力于新的开发,来满足不断变化的需求,通过React框架的Kendo UI JavaScript封装来支持React Javascript框架.Kendo UI for React能够 ...
计算机word图表布布局在哪,excel和word不显示图标怎么回事？ | excel图表布局在哪...
我的Excel表格上的汇总图标不显示怎么办是指工具栏"∑"的按钮吗? 如果不见了,可按"工具-自定义",调出定义对话框",选令"选项卡,点 ...
Onsen UI for React文档
注:采用ES6+JSX语法 1.开始一个项目在React中使用Onsen UI 需要首先安装onsenui和react-onsenui模块. 可以使用monaca CLI工具包快速初始化一个应用: ...

使用Office UI fabric react icons显示图标

使用Office UI fabric react icons显示图标相关推荐

最新文章

热门文章