Kendo UI for Angular

Angular ColorGradient

  • Easily give users a way to select any color from a gradient or by entering HEX or RGB values.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Angular UI Component Library
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.

    Kendo UI for Angular ColorGradient - Overview
  • 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.

    Kendo UI for Angular ColorGradient - Disabled
  • 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.

    Kendo UI for Angular ColorGradient - Overview
  • 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.

    Kendo UI for Angular ColorGradient - Custom ColorGradient
  • 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.

    Kendo UI for Angular ColorGradient - Forms Support
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI