https://github.com/loveyunk/vue-iconfont-component

A Vue component for use iconfont
https://github.com/loveyunk/vue-iconfont-component

icon-font iconf iconfont vue-components vue-iconfont-component

Last synced: 5 days ago
JSON representation

A Vue component for use iconfont

• Host: GitHub
• URL: https://github.com/loveyunk/vue-iconfont-component
• Owner: loveyunk
• License: mit
• Created: 2018-06-23T14:34:03.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-02-15T05:51:27.000Z (almost 5 years ago)
• Last Synced: 2024-12-18T12:49:10.446Z (about 1 month ago)
• Topics: icon-font, iconf, iconfont, vue-components, vue-iconfont-component
• Language: JavaScript
• Homepage:
• Size: 90.8 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-iconfont-component

[![https://img.shields.io/npm/v/vue-iconfont-component](https://img.shields.io/npm/v/vue-iconfont-component)](https://www.npmjs.com/package/vue-iconfont-component)

[![https://img.shields.io/npm/dt/vue-iconfont-component](https://img.shields.io/npm/dt/vue-iconfont-component)](https://www.npmjs.com/package/vue-iconfont-component)

[![https://img.shields.io/npm/dm/vue-iconfont-component](https://img.shields.io/npm/dm/vue-iconfont-component)](https://www.npmjs.com/package/vue-iconfont-component)

[![https://img.shields.io/npm/l/vue-iconfont-component](https://img.shields.io/npm/l/vue-iconfont-component)](https://github.com/loveyunk/vue-iconfont-component/blob/master/LICENSE)

> A Vue component for use iconfont

### How to use?

```bash

npm install vue-iconfont-component --save

```

### Example

```js

    

  import VueIconfont from 'vue-iconfont-component';

  export default {

    components: { VueIconfont }

  }

```

### Options

| Property | Description                 | Type           | default |

| -------- | --------------------------- | -------------- | ------- |

| type     | the value of iconfont type  | String         | -       |

| size     | the value of iconfont size  | Number, String | -       |

| color    | the value of iconfont color | String         | -       |

### Events

| Function Name | Description                     |

| ------------- | ------------------------------- |

| on-click      | triggers when clicking the icon |