Package Exports

vue-fontawesome-icon

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-fontawesome-icon) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-fontawesome

🍺 Hi there, Font-awesome icons for Vue.js lovers <3

Installation

Using NPM:

npm install vue-fontawesome

npm i font-awesome

In your main.js file import font-awesome css

import "font-awesome/css/font-awesome.min.css";
//or you can direct give cdn link to your root index.html file.

Usage

Import direct in your .vue file:

<script>
//import your font-awesome component
import VueFontawesome from "vue-fontawesome/src/components/VueFontawesome.vue";

export default {
  name: "home",
  components: {
    //here define font-awesome component
    VueFontawesome
  }
};
</script>

In your components template:

  <vue-fontawesome icon="file" size="4" color="yellow"></vue-fontawesome>

Note

add only name to icon, i.e icon="file"
no need to add full name like i.e icon="fa fa-file"
icon - font-awesome icon name will find here here
size - icon size in rem.
color - you can give any valid value i.e red, yellow, #fffff, #ff0000.

Author

Ajay Marathe

https://github.com/ajaymarathe

vue-fontawesome-icon