ColorGradient Appearance

Updated on Feb 6, 2026

The ColorGradient provides a predefined appearance option that allows you to control the size of the component.

Since version 22.1.0, default values of the appearance properties are no longer hardcoded in the component. The default values are inherited from the Kendo theme.

For more information, refer to the Design System documentation.

Size

The ColorGradient component allows you to customize the sizing and spacing of its internal elements using the size property. The property accepts values of type InputSize and enables you to precisely control the spacing.

The size option supports the following values:

• small
• medium
• large

The following example demonstrates how to define the size of the ColorGradient.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the ColorGradient
• Creating Custom Styles with ThemeBuilder