All Components

Standalone Palette

The Kendo UI ColorPalette displays simple, web-safe, or a custom color palettes.

The standalone Palette is used by the kendo-colorpicker and you can independently use it directly in the page rather than in a drop-down list.

<div id="vueapp" class="vue-app">
    <kendo-colorpalette :palette="palette"
                        :tile-size="'40'"
                        v-model="color"></kendo-colorpalette>
</div>
Vue.use(InputsInstaller);

new Vue({
    el: "#vueapp",
    data: {
        color: "#ffcc33",
        palette: [ "#ddd1c3", "#d2d2d2", "#746153", "#3a4c8b", "#ffcc33", "#fb455f", "#ac120f" ]
    }
})
In this article