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 following example demonstrates the ColorGradient in action.
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.
- 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.