Customize presetColors about vue-color HOT 4 CLOSED

I think it will be awesome if we can customize presetColors.

Yeah, that was great!! 😃
It would be nice if we have add and remove button for color presets.

Example:

from vue-color.

the right usage is:
<sketch v-model="colors" :preset-colors="presetColors">

from vue-color.

So it ends up this is an undocumented feature. In my case, I have a component that wraps the color picker, but I've assigned it a ref.

<sketch-picker ref="sketch" v-show="pickerOpen" v-model="colorValue" @change-color="onChange"></sketch-picker>

When my component is mounted, you can change the default by manipulating the presetColors array at that time.

mounted: function() {
this.$refs.sketch.presetColors = ['#323c44','#cd263a','#8d8d8d','#9e00ff','#0000ff','#00da00','#dada00','#ff8d00','#ff00de','#a65628','#848484'];
},

It seems to be smart with the number of items in the array. You probably just want to make it a multiple of 8 or it won't be square.

But yes, it would be nice if there was a simpler option to do this.

from vue-color.

The swaches can be customize now! Please upgrade to the latest version. And the usage is down blow:

/* presetColors accepts an array of colors */
<sketch v-model="colors" :presetColors="presetColors"></sketch>

And the document will catch up sooooooon!

Thanks for your patience!

from vue-color.