📌  相关文章
📜  Material-ui 冷图标 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:49.900000             🧑  作者: Mango

Material-UI 冷图标 - Javascript

Material-UI 是一个 Google 的 Material Design 风格的 UI 组件库,拥有丰富的图标库,包括热门图标和冷门图标。

本文将介绍 Material-UI 冷图标,并提供代码片段供开发者快速使用。

冷图标

所谓冷图标,就是使用较少,且较为特殊的图标。在 Material-UI 中,这些图标需要通过安装依赖包 @material-ui/icons 后方可使用。

下面是一些常见的冷图标,供参考:

1. Accessible

表示无障碍,如下:

import AccessibleIcon from '@material-ui/icons/Accessible';

<AccessibleIcon />
2. Accessibility

表示可访问性,如下:

import AccessibilityIcon from '@material-ui/icons/Accessibility';

<AccessibilityIcon />
3. AcUnit

表示空调,如下:

import AcUnitIcon from '@material-ui/icons/AcUnit';

<AcUnitIcon />
4. AddPhotoAlternate

表示添加相片,如下:

import AddPhotoAlternateIcon from '@material-ui/icons/AddPhotoAlternate';

<AddPhotoAlternateIcon />
5. AirportShuttle

表示机场巴士,如下:

import AirportShuttleIcon from '@material-ui/icons/AirportShuttle';

<AirportShuttleIcon />

更多冷图标可以参考 Material-UI 官网

结语

Material-UI 冷图标可以让我们更好地构建 UI,提升应用的用户体验。希望本文介绍的内容能给开发者带来帮助。