Vue Color Picker Using Native Input Type Color

vue-native-color-picker

Lightweight color picker that uses the native HTML element input type color.

Install

npm install vue-native-color-picker

Import

Globally:

import InputColorPicker from "./vue-input-color-picker";
Vue.use(InputColorPicker);

Or locally:

import InputColorPicker from 'vue-native-color-picker'

new Vue({
  components: {
    "v-input-colorpicker": InputColorPicker
  },
  data: function() {
    return {
      color: "#79c120"
    };
  }
})

Use

<v-input-colorpicker  v-model="color" />

Download Details:

Author: dcustodio

Demo: https://dcustodio.github.io/vue-native-color-picker/

Source Code: https://github.com/dcustodio/vue-native-color-picker

#vue #vuejs #javascript