Kendo UI for Vue ColorGradient Overview

The Kendo UI for Vue Native ColorGradient renders a gradient, a hue and an alpha slider, and inputs to manually enter the desired color.

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

The ColorGradient Component is part of Kendo UI for Vue, a professional grade UI library with 90+ 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 ColorGradient in action.

View Source
Change Theme:

The ColorGradient 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 ColorGradient 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 ColorGradientYou can render a disabled ColorGradient by setting a single property and keep it disabled until certain requirements are met.
  • Controlled modeYou can take advantage of the built-in options that allow you to control the value of the ColorGradient.
  • Removing opacity inputsThe ColorGradient supports options that allow the user to specify whether an alpha slider and an alpha input will be rendered.

In this article

Not finding the help you need?