<VueColorPicker>

A color picker vue component.

Usage

import Vue from 'vue';

import MonoUi from '@hotpink/vue-mono-ui';
import VueColorPicker from '@hotpink/vue-color-picker';

Vue.use(MonoUi);

new Vue({
  name: 'app',
  data: () => ({
    value: { r: 0, g: 0, b: 0, a: 1 },
  }),
  template: `<VueColorPicker :value.sync="value" :spaces="['rgb', 'hsv', 'lchab']" />`
  components: {
    VueColorPicker,
  }
}).$mount('#app');

Author

Benny Schudel / Switzerland

License

MIT