Components / Inputs / ColorGradient / Overview / 

Kendo UI for Vue Native 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 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.

Start Free Trial

The following example demonstrates the ColorGradient in action.

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

Support and Learning Resources

Additional Resources

Previous
Wai-Aria Support
Next
Disabled ColorGradient

In this article

Not finding the help you need?

Contact Support