Instruction 介绍

Replace Ant Design Icons inside Ant Design components with Tabler icons.

使用 Tabler icons 图标替换 Ant Design 组件中的内置图标。

How to use 使用方式

Installation 安装

> pnpm i @slobber/antd-5-tabler-icons

API

vite Usage 用法

Add follow code in vite.config.js: 在 vite.config.js 中添加以下代码：

import { antdIconAlias } from "@slobber/antd-5-tabler-icons";

export default defineConfig(() => {
  return {
    resolve: {
      alias: {
        ...antdIconAlias(),
      },
    },
    ...
  }
})

Add follow style to global css file: 在全局 css 文件中添加以下样式：

.anticon svg {
  fill: none;
  width: 18px;
  height: 18px;
}