Kendo UI for Angular

ColorGradient

Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular Color Gradient component provides an intuitive and flexible way to select a color from a gradient. It allows users to both drag an indicator to select the primary color, disclosing its equivalent HEX and RGB values, or to directly enter the values in the HEX and RGB inputs.

    See Angular ColorGradient Overview demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Disabled ColorGradient

    For scenarios that require the Kendo UI for Angular ColorGradient to be disabled, you can simply sett the enabled property to false. The disabled component is styled appropriately to communicate to users that they are currently unable to interact with it.

    See Angular ColorGradient Overview demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Read-Only ColorGradient

    The Kendo UI for Angular ColorGradient can be rendered in read-only mode, preventing users from adjusting the color while still maintaining the look and feel of an enabled component.

    See Angular ColorGradient Read-Only ColorGradient demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Custom ColorGradient

    With the out of the box configuration options of the Kendo UI for Angular ColorGradient, developers can enable or disable certain aspects of the component like the opacity-related controls.

    See Angular ColorGradient Custom ColorGradient demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Forms Support

    The Kendo UI for Angular ColorGradient component can be integrated in both Reactive and template-driven forms.

    See Angular ColorGradient Forms Support demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI