Bootstrap Vue Font-Awesome Icon Picker

Bootstrap Vue Font-Awesome Icon Picker

This is a simple vuejs plugin for picking font-awesome 5 Icons.
It Supports Font Awesome 5 Icons.

Installation

yarn add bootstrap-vue-font-awesome-picker  
or  
npm install bootstrap-vue-font-awesome-picker

Project setup

yarn install 

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Quick start

Several quick start options are available:

• Download the latest release.
• Clone the repo: git clone https://github.com/wovosoft/bootstrap-vue-font-awesome-picker.git
• Install with npm: npm install bootstrap-vue-font-awesome-picker
• Install with yarn: yarn add bootstrap-vue-font-awesome-picker

Status

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

bootstrap-vue-font-awesome-picker
└── dist/
    ├── css/
    │   ├── app.css
    └── js/
        ├── app.js
        ├── app.map
        ├── chunk-vendors.js
        ├── chunk-vendors.js.map

Documentation

You Can Use the Plugin as a compnent directly to your vuejs application as the example written below.

No need to import additional CSS, the plugin will load the required CSS styles automatically.

<template>
    <div>
        <font-awesome-picker v-model="icon"></font-awesome-picker>
    </div>
</template>

<script>
    import FontAwesomePicker from "bootstrap-vue-font-awesome-picker";

    export default {
        name: "MyComponent",
        components: {
            FontAwesomePicker
        },

        data() {
            return {
                icon: "fas fa-user-cog"
            };
        }
    }
</script>

If you want to use it as a global plugin, then in your app.js use it as written below.

import Vue from "vue";
import FontAwesomePicker from "bootstrap-vue-font-awesome-picker";
Vue.use(FontAwesomePicker);
new Vue({
    el: '#main',
    router,
    store,
    template: '<Main/>',
    components: {
        Main
    },
}

Another Method is,

import Vue from "vue";
import FontAwesomePicker from "bootstrap-vue-font-awesome-picker";

new Vue({
    el: '#main',
    router,
    store,
    template: '<Main/>',
    components: {
        Main,
        FontAwesomePicker
    },
}

Creators

Narayan Adhikary

• https://facebook.com/narayan.adhikary
• https://github.com/narai420
• [e-mail]
• [e-mail]

Copyright and license

Code and documentation copyright 2015-2020 the [Wovosoft Authors] . Code released under the MIT License.