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:
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: