Custom ColorGradient

The ColorGradient provides options for the user to specify whether an alpha slider and an alpha input will be rendered.

The following example demonstrates how to remove the opacity-related controls.

@Component({
    selector: 'my-app',
    template: `
        <div class="example-config">
            <strong>Selected color: <span>{{ gradient.value }}</span></strong>
        </div>
        <kendo-colorgradient
            #gradient
            value="rgba(160, 10, 23, 1)"
            [opacity]="false"
        >
        </kendo-colorgradient>
    `
})
class AppComponent { }

In this article