vnc

vue-native-color-picker

Vue Color Picker using native input type color.

Showing:

Popularity

Downloads/wk

643

GitHub Stars

10

Maintenance

Last Commit

14d ago

Contributors

2

Package

Dependencies

2

Size (min+gzip)

3.5KB

License

Type Definitions

Tree-Shakeable

No?

Readme

vue-native-color-picker

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

npm version

Deploy to github pages

Demo

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

or if you wish to handle the values externally:

<v-input-colorpicker  v-model="color" @input="handleInput" @change="handleChange" />

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100