New to Kendo UI for Angular? Start a free 30-day trial

Forms Support

You can use the ColorGradient in Template-driven and Reactive forms.

Template-Driven Forms

The template-driven forms enable you to bind the value of the ColorGradient to the forms model by using the [ngModel]({{ site.data.urls.angular['forms'] }}#two-way-data-binding-with-ngmodel) directive.

The following example demonstrates how to use the ColorGradient in a template-driven form.

Example
View Source
Change Theme:

Reactive Forms

The FormGroup provides a way to render reactive forms. For more details, refer to the [Angular Documentation]({{ site.data.urls.angular['dynamicform'] }}#bootstrap).

The following example demonstrates how to use the components in a reactive form.

Example
View Source
Change Theme:

FormField Association

The Kendo UI for Angular FormField component enables you to group form-related elements, such as inputs, labels, hint and error messages, and configure their behavior.

The following example demonstrates how to use the ColorGradient within a FormField with hint and error messages.

Example
View Source
Change Theme: