minabtech / vue-fontawesome-picker

Font Awesome Icon Picker Component For Vue.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Installation

First add font awesome css to your project if you don't already have it

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css"
/>

Yarn / NPM

yarn add vfa-picker

# or, using NPM

npm install vfa-picker

Then, import and register the component

import Vue from "vue";
import VueFontAwesomePicker from "vfa-picker";

Vue.use(VueFontAwesomePicker);

In the Browser

vfa-picker ships as an UMD module that is accessible in the browser. When loaded in the browser, you can access the component through the VueFontAwesomePicker global variable. You'll need to load Vue.js & vfa-picker JS.

<!-- include VueJS first -->
<script src="https://unpkg.com/vue@latest"></script>

<!-- use the latest vfa-picker release -->
<script src="https://unpkg.com/vfa-picker@latest"></script>

<!-- or point to a specific  vfa-picker release -->
<script src="https://unpkg.com/vfa-picker@5.9.0"></script>

Then register the component in your javascript:

Vue.use(VueFontAwesomePicker);

About

Font Awesome Icon Picker Component For Vue.js

License:MIT License


Languages

Language:Vue 52.1%Language:JavaScript 21.6%Language:Sass 19.3%Language:HTML 7.0%