background

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 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
The ColorGradient Component being used as a color picker
  • Select Colors from a Gradient

    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

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka