Kendo UI for Vue
The Vue ColorPalette renders a set of predefined colors from which users can select for color input needs. You can choose from a predefined set or define your own. A simple use case is helping users select a color for a product they are buying online. A more complex example is using the ColorPalette in a full-featured color picker took such as the Vue ColorPicker component.
See the Vue ColorPalette Component
The Vue ColorPalette supports both controlled and uncontrolled mode. This allows it to dynamically update other components on the page, if needed, when the value is changed.
The Vue ColorPalette includes various predefine sets of colors you can choose from for your palette. You can also chose to create your own.
The Vue ColorPalette gives you options to endure that it fits correcting into the space you allocated for it. To set the number of columns to make up its table or the tile size, you only need to set a few properties.
In order to fully support accessibility and give users a choice of how they want to interact, the Vue ColorPalette fully supports keyboard shortcuts for navigating though, selecting, and editing colors.