本经验介绍在React Material UI开发过程中,如何查找可用的图标Icon。官方文档中有一小节给了个搜索Icon的界面。
工具/原料
Chrome 78.0
方法/步骤
1
首先打开Material UI官网,如图所示,点击起步按钮进入文档。
2
在左侧有一个列表,列表中的各个小节介绍了组件的效果,组件的API等。
3
展开左侧列表,找到数据展示下面的Material Icons材料图标一节。
4
打开这一小节,右边给出了在material-ui/icons包中的图标,可以搜索。
5
点击某个图标,可以看到如何导入该图标,以及几种颜色下的效果。
6
点击Learn more about the import,可以看到更详细的调整图标样式的文档。
总结
1、首先打开Material UI官网,如图所示,点击起步按钮进入文档2、在左侧有一个列表,列表中的各个小节介绍了组件的效果,组件的API等。3、展开左侧列表,找到数据展示下面的Material Icons材料图标一节。 4、打开这一小节,右边给出了在material-ui/icons包中的图标,可以搜索。 5、点击某个图标,可以看到如何导入该图标,以及几种颜色下的效果。 6、点击Learn more about the import,可以看到更详细的调整图标样式的文档。
注意事项
如果遇到问题,可以在下面提出疑问。