Font Awesome Icon Picker For Vue.js 3

Description:

A Vue 3 icon picker component that allows the user to select Font Awesome icons from a popup.

How to use it:

1. Import the Icon Picker.

import { ref } from 'vue'
import Vue3IconPicker from './components/Vue3IconPicker.vue'

2. Register the component.

export default {
  components: {
    Vue3IconPicker
  },
  setup () {
    const icon1 = ref('far fa-grin-hearts')
    const icon2 = ref('far fa-thumbs-up')
    const icon3 = ref('fab fa-github')
    const icon4 = ref('fas fa-code')
    return { icon1, icon2, icon3, icon4 }
  }
}

3. Add the icon picker to the app.

<vue3-icon-picker v-model="icon1" />
<vue3-icon-picker v-model="icon2" /> 
<vue3-icon-picker v-model="icon3" /> 
<vue3-icon-picker v-model="icon4" />

Preview:

Font Awesome Icon Picker For Vue.js 3

Download Details:

Author: hasinhayder

Live Demo: https://hasinhayder.github.io/vue3-icon-picker/

Download Link: https://github.com/hasinhayder/vue3-icon-picker/archive/master.zip

Official Website: https://github.com/hasinhayder/vue3-icon-picker

Install & Download:

You Might Be Interested In:

Tags:

Add Comment