Vue Color Picker using native input type color

by Vue.js Examples

vue-native-color-picker

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

View Demo View Github

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" />

GitHub