xverse-icon
v0.0.12
Published
xverse icon 是一个矢量图标库,它将 svg 图标转换为 react 组件,这样在项目中可直接引用.
Downloads
3
Readme
xverse-icon
xverse icon 是一个矢量图标库,它将 svg 图标转换为 react 组件,这样在项目中可直接引用.
要求
后续涉及到 UI 图标相关都是要 xverse-icon 库
使用
使用流程分为两步,分为 svg 图标转换和 react 组件发布
svg 图标转换
- 将设计所给 svg 文件统一命名后存放在 assets 目录中,命名可参考font awesome
- 执行
npm run build-svg
命令将 svg 转换为 react 组件,存放目录为 lib,如模板不满足可 @lomean 修改 - 执行
npm run dev
命令可查看本地编译效果 - 提交代码执行 CI
- 查看 icon 合集
react 组件发布
每次发小版本即可