1.0.14 • Published 4 years ago

vuetify-icon-picker v1.0.14

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

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

NameTypeDefaultDescription
contentHeightnumber300used to specify one certain height of the container of icons
valuestringundefinedthe chosen icon, looks like mdi-home-outline

Events

NameDescription
inputtogether with prop value, to cater to v-model directive
1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago