vuetify-icon-picker
An vuetify component used to pick icons.
2,015
5
| Install | |
|---|---|
npm install vuetify-icon-picker |
|
| Latest Version: | 1.0.14 |
| License: | MIT |
| Last Updated: | Feb 1, 2024 |
| Links: | GitHub · npm |
Maintainer: taoqingqiu
Vuetify Icon Picker
This is an vuetify component used to pick material design icons.
Preface
Are you once troubled by no icon-picker component when using framework vuetify?
If yes here is one possible solution!
Getting Started
Installing
npm i vuetify-icon-picker
Using
In an common 2.x vuetify project (and mdi has been imported by way html cdn-link or npm i @mdi/font), you can use this component as following:
<template>
<icon-picker v-model="selected" />
</template>
<script>
import IconPicker from "./components/IconPicker.vue";
export default {
components: {
IconPicker
},
data: () => ({
selected: ""
})
};
</script>
You can find more detailed example in this REPO
Component API
Props
| Name | Type | Default | Description |
|---|---|---|---|
| contentHeight | number |
300 | used to specify one certain height of the container of icons |
| value | string |
undefined | the chosen icon, looks like mdi-home-outline |
Events
| Name | Description |
|---|---|
| input | together with prop value, to cater to v-model directive |
Related Packages
tenon-naive-iconify-picker
Offline-first icon picker for Vue 3 + Naive UI, powered by Iconify. Browse bundl...
1,285
1
smart-naive-icon
Offline-first icon renderer and picker for Vue 3 + Naive UI, powered by Iconify....
1,031
0
Version History
| Version | Released | License |
|---|---|---|
| 1.0.14 | MIT | |
| 1.0.13 | MIT | |
| 1.0.12 | MIT | |
| 1.0.11 | MIT | |
| 1.0.1 | MIT | |
| 1.0.0 | MIT |