vue-color-sketch
Color Pickers for Sketch with Vue.js(vue2.0).
Live demo
Installation
NPM
$ npm install vue-color-sketch
CommonJS
var Sketch = ; components: 'sketch': Sketch
ES6
components: 'sketch-picker': Sketch
Browser globals
The dist
folder contains vue-color.js
and vue-color.min.js
with all components exported in the window.VueColor
object. These bundles are also available on NPM packages.
Local setup
npm install
npm run dev
Usage
var colors = hex: '#194d33' hsl: h: 150 s: 05 l: 02 a: 1 hsv: h: 150 s: 066 v: 030 a: 1 rgba: r: 25 g: 77 b: 51 a: 1 a: 1// orvar colors = '#194d33'// or var colors = h: 150 s: 066 v: 030 // or var colors = r: 255 g: 0 b: 0 // etc... el: '#app' components: 'sketch-picker': sketch { return colors }
colors
accepts either a string of a hex color '#333' or a object of rgb or hsl values { r: 51, g: 51, b: 51 }
or { h: 0, s: 0, l: .10 }
, whatever tinycolor2 accepts as an input.
<!-- suppose you have the data 'colors' in your component -->
OR
License
vue-color is licensed under The MIT License.