Lucide图标为MUI
这个包提供 Lucide图标 作为设计用于使用的React组件 材料界面,这样它们就可以像图标一样被使用 @mui/icons-material 使用。
安装
你可以使用npm或yarn:
使用npm:
npm install lucide-mui
使用纱:
yarn add lucide-mui
用法
lucide-mui 是用ES模块构建的,所以它是完全可以摇树的。每个图标都可以作为react组件导入。
控件中使用它们的名称导入所有图标 Lucide文档,转换为PascalCase。
例如, arrow-left-circle 变成了 ArrowLeftCircle
import { ArrowLeftCircle } from 'lucide-mui';
然后你可以像使用材质图标一样在任何地方使用这些图标
<Button startIcon={<ArrowLeftCircle/>}>Click me</Button>
他们还支持所有的道具 SvgIcon 材质UI组件:
<ArrowLeftCircle color="primary" sx={{mx: 2}}/>
版本控制
版本自动保持同步 lucide
贡献
欢迎所有贡献。对新/更新图标的贡献/请求应该直接提交给lucide项目: https://github.com/lucide-icons/lucide
常见问题
这和lucide-react有什么区别?
Lucide-react提供了React组件,但是这些组件不能与材质UI无缝集成,需要额外的工作来使用它们来代替材质图标。
有哪些图标可用?
所有lucide图标都是可用的,当新的图标被添加到lucide时,这个包将被更新。这个包不打算添加任何额外的或自定义图标。