Install & Download:
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:
