ColorComponent

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <kendo-arcgauge [value]="value">
            <kendo-arcgauge-colors>
                <kendo-arcgauge-color
                    [from]="0"
                    [to]="50"
                    color="green">
                </kendo-arcgauge-color>
            </kendo-arcgauge-colors>
        </kendo-arcgauge>
    `
})
export class AppComponent {
    public value: number = 25;
}