@roku-ui/icons
v0.0.2
Published
这是一个 React 使用的图标库。利用了 [iconify]( https://iconify.design/) 的图标数据。你可以在 [icones](https://icones.js.org/) 浏览所有可用的图标。感谢这些库的作者的收集,让图标选择变得自由。
Downloads
3
Readme
ROKU-ICONS
这是一个 React 使用的图标库。利用了 iconify 的图标数据。你可以在 icones 浏览所有可用的图标。感谢这些库的作者的收集,让图标选择变得自由。
动机
目前 UnoCSS 和 Iconify 都已提供了图标解决方案,他们的优势是通用,不依赖于任何前端框架。但是如果我已经锁定了 React,这一优势便不复存在了。 而且,我们并没有完全摆脱框架锁定——比如 UnoCSS 虽然是框架无关的,但它的图标方案锁死了我们必须使用 UnoCSS。
此外,这些库需要拼接字符串来寻找图标。这样的方式其实不够优雅。我们需要打开一个图标库网页去获得字符串(或是添加一个IDE插件,又是一种锁定),而无法获得代码智能提示。
最后,虽然许多图标库也维护了 React 组件库,但他们的 API 各不相同,默认的设置(如图标大小)也不一致。
而这个库的优势是,我们直接将图标数据转换为 React 组件,这样就可以使用 IDE 的代码智能提示了。同时,所有的库具备相同的 API 和默认设置,让我们可以无缝在各种图标库之间切换。
安装
npm install @roku/icons-<prefix>
其中 <prefix>
是图标库的前缀,比如 mdi
、fa
、等。