Package Exports

vue-eva-icons

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-eva-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vue Eva Icons

Is a pack of more than 480 beautiful open source eva icons as Vue components

Demo

https://antonreshetov.github.io/vue-eva-icons

Install

NPM

Installing with npm is recommended and it works seamlessly with webpack.

npm i vue-eva-icons

Download

You can download latest version from the Github: Download

Quick start

Global

To use in your project, just import vue-eva-icons and install into Vue.

main.js

import Vue from 'vue'
import App from './App.vue'
import EvaIcons from 'vue-eva-icons'

Vue.use(EvaIcons)

new Vue({
  render: h => h(App)
}).$mount('#app')

App.vue

<template>
  <eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>

On demand

<template>
  <eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>

<script>
  import { EvaIcon } from 'vue-eva-icons'

  export default {
    components: {
      [EvaIcon.name]: EvaIcon
    }
  }
</script>

Props

Name	Description	Type	Accepted values
`name`	Icon name	`string`	-
`width`	Width of icon	`string`	-
`height`	Height of icon	`string`	-
`fill`	Fill color of icon	`string`	HEX or color name
`animation`	Type of animation	`string`	zoom, pulse, shake, flip

Events

Name	Description	Payload
`click`	Triggered when icon was clicked	-