Vue Color Picker Wheel
A Vue color picker component based on the Farbtastic jQuery Color Picker plug-in.
Installation
npm install --save vue-color-picker-wheel
Usage
ES6 modules
CommonJS
In a script tag, this loads the component using the global Vue instance.
Properties
Property | Description | Type | Default | Example |
---|---|---|---|---|
width | The width of the color picker | Number | 300 | :width="400" |
height | The height of the color picker | Number | 300 | :height="400" |
disabled | Whether or not the color picker should be disabled | Boolean | false | :disabled="false" |
startColor | The color that is selected when opening the colorpicker | String (hex color code) | none | startColor="#ffffff" |
Events
Event | Description | Event parameters |
---|---|---|
colorChange | Is fired after the selected color has changed | color: String (hex color code) |