Kendo UI for Vue Native ColorPalette Overview

The Kendo UI for Vue Native ColorPalette renders colors by using sets of predefined colors (color presets) or by implementing a custom color palette.

The ColorPalette component is part of the Kendo UI for Vue Native library of Vue UI components. It is distributed through NPM under the kendo-vue-inputs package.

The Inputs Package is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the ColorPalette in action.

Example
View Source
Change Theme:

The ColorPalette is part of the Kendo UI for Vue Native Inputs component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the ColorPalette and the rest of the components in the package, see the Getting Started with the Kendo UI for Vue Native Inputs guide.

Key Features

  • Disabled ColorPalette—You can render a disabled ColorPalette by setting a single property and keep it disabled until certain requirements are met.
  • Controlled mode—Take advantage of the built-in options that allow you to control the value of the ColorPalette.
  • Color presets—The ColorPalette provides a set of ready-to-use color presets.
  • Custom ColorPalette—You can customize the rendering of the ColorPalette by specifying the number of its columns and tile size.
  • Keyboard navigation— The ColorPalette supports keyboard shortcuts that allow the users to interact with the component.
  • Events—To tailor the behavior of the ColorPalette to your specific requirements, handle the events that the control generates.

Support and Learning Resources

Additional Resources