MUI 的亮层 UI 图标
此库包含组件化的 svg 图标 @ blightlayer-ui/相册 用于使用 MUI 的 React 应用程序。 图标的提供方式与MUI曝光方式相同 材料图标。 。 。 .
安装
要安装来自国家防范机制的 Brightlayer UI mui 图标作为您项目的依赖, 您可以在您的工程根中运行以下命令之一 :
npm install --save @brightlayer-ui/icons-mui
or
yarn add @brightlayer-ui/icons-mui
注(依赖): 使用此软件包需要您在您的项目软件包中将@mui/material和@mui/icons-material定义为依赖.json文件.
使用量
角质
此软件包仅用于React应用程序. 用于Angular 应用程序的 svg 图标链接方法,请参见 @ blightlayer-ui/相册。 。 。 .
反应
Npm 模块安装完毕后,可以将图标组件导入到您的应用程序中如下:
import myIcon from '@brightlayer-ui/icons-mui/MyIcon';
...
<myIcon></myIcon>
如果您正在导入多个图标, 您可以使用套件根中命名的导入来保存一些空间 :
import {FirstIcon, SecondIcon, ThirdIcon} from '@brightlayer-ui/icons-mui';
应用不同的颜色
要改变您使用的图标的颜色, 只需设置 CSS 颜色属性 。 此地产是可继承的, 因此如果地产没有设置在您的图标上, 它将会从母容器中继承 .
<FirstIcon style={{color: 'red'}}></FirstIcon>
可用图标
见 图标 用于当前可用的图标列表.
页:1: 当使用此软件包时,图标名称在TitleCase中(例如绕行 电池 -- > BypassBatterry).
构建图标集(供贡献者使用)
构建图标-mui包(例如,在Brightlayer UI中添加了新的图标后):
git clone https://github.com/etn-ccis/blui-icons
cd packages/mui
yarn build
这将将包含所有图标组件的 /dist 文件夹并复制到出版所需的文件(Readme, package.json等) .
在构建图标-mui软件包时,它从@brightlayer-ui/icons-svg软件包中导入了最新的图标,因此当添加了新的图标时,在更新此软件包之前,必须先向国家预防机制发布@brightlayer-ui/icons-svg.
出版
要发布软件包 :
yarn build
cd dist
npm version < patch | minor | major >
npm publish
注: 此软件包必须从 /dist 文件夹而非根目录中发布 .
浏览器支持
MUI的亮层UI图标将会与任何现代浏览器合作. 详情请参见我们 浏览器支持 文档.