41 lines
843 B
Markdown
41 lines
843 B
Markdown
<h1 align="center">
|
|
Ant Design Icons for Vue
|
|
</h1>
|
|
|
|
<div align="center">
|
|
|
|
[](https://npmjs.org/package/@ant-design/icons-vue)
|
|
[](https://npmjs.org/package/@ant-design/icons-vue)
|
|
|
|
</div>
|
|
|
|
## Install
|
|
|
|
```bash
|
|
yarn add @ant-design/icons-vue
|
|
```
|
|
|
|
## Basic Usage
|
|
|
|
First, you should add the icons that you need into the library.
|
|
|
|
```js
|
|
import Vue from 'vue'
|
|
import { Filter } from '@ant-design/icons-vue';
|
|
Vue.component(Filter.name, Filter);
|
|
```
|
|
|
|
After that, you can use antd icons in your Vue components as simply as this:
|
|
|
|
```jsx
|
|
<icon-filter />
|
|
```
|
|
|
|
## Build project
|
|
|
|
```bash
|
|
npm run generate # Generate files to ./src
|
|
npm run compile # Build library
|
|
npm run test # Runing Test
|
|
```
|