Kendo UI for Vue
The Vue FlatColorPicker component helps your users choose colors from a gradient or palette view. It’s a complete color editor that gives users controls for simply selecting a color or altering opacity, hue, RBG, and Hex values. This component is an alternative to the Vue ColorPicker. The ColorPicker component displays the color editor in a popup while the FlatColorPicker renders the editor right on the page.
By default, the Vue FlatColorPicker is enabled, but you may need to implement logic that disables it until other requirements are met. To do so, all you need to do is set the "disabled" property to true.
The Vue FlatColorPicker includes built-in buttons in the header and footer. In the header, users will find buttons to show or hide color previews and to clear the current selection. In the footer, they will find Apply and Cancel buttons. The component exposes simple "show" properties for each of these.