vue-sketch-color-picker

vue-sketch-color-picker

Color Picker with Sketch Style.

Installation

NPM

$ npm install vue-sketch-color-picker

import colorPicker from 'vue-sketch-color-picker'

new Vue({
  components: {
    colorPicker
  }
})

Build

npm install
npm run build

Usage

new Vue({
  el: '#app',
  components: {
    colorPickers
  },
  data: {
    colors: {
      hex: '#194d33',
      hsl: {
        h: 150,
        s: 0.5,
        l: 0.2,
        a: 1
      },
      hsv: {
        h: 150,
        s: 0.66,
        v: 0.30,
        a: 1
      },
      rgba: {
        r: 25,
        g: 77,
        b: 51,
        a: 1
      },
      a: 1
    }
  }
})

<!-- scheme can be dark or light -->
<color-picker :colors.sync="colors" scheme="dark"></color-picker>

License

vue-sketch-color-picker is licensed under The MIT License.