@hankliu/icons-react

🥭 HankLiu UI 的语义化的图标库，基于 Ant Design Icons 图标库，在此基础上新增了许多自定义的 SVG 图标，便于丰富图标库，便于业务开发。

安装

npm install @hankliu/icons --save

or

yarn add @hankliu/icons

or

pnpm install @hankliu/icons

使用

当启用 tree-shaking 时，您可以直接导入或从 @hankliu/icons 进行解构。

import SmileOutlined from '@hankliu/icons/lib/SmileOutlined';
import { SmileOutlined } from '@hankliu/icons';

import SmileFilled from '@hankliu/icons/lib/SmileFilled';
import SmileTwoTone from '@hankliu/icons/lib/SmileTwoTone';
import { SmileFilled, SmileTwoTone } from '@hankliu/icons';

组件接口参数

interface HankLiuIconProps {
  className?: string;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
  style?: React.CSSProperties;
}

特别说明

如果当前组件中，某些 Icon 看起来像被裁剪了一样，效果如下所示：

可以提交Issue说明，或者可以使用以下方法进行修复:

.hlui-icon-icon-orange svg path {
  transform-origin: center;
  transform: scale(0.8);
}

PS: 可以提交Issue不一定修复，看心情，就是这么任性，推荐使用上面方法。

案例

npm start 然后打开 http://localhost:8000/examples/

线上案例: https://hankliu62.github.io/icons-react

单元测试

npm test

覆盖率

npm run coverage

License

@hankliu/icons is released under the MIT license.