多语言展示
当前在线:1627今日阅读:23今日分享:25

React Material UI开发如何查找图标Icon

本经验介绍在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,可以看到更详细的调整图标样式的文档。

注意事项

如果遇到问题,可以在下面提出疑问。

推荐信息