New to Kendo UI for Angular? Start a free 30-day trial
RadialGaugeAreaComponent
Updated on Nov 4, 2025
Represents the configuration options for the RadialGauge area. This component controls the entire visible area of the RadialGauge.
ts
import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `
    <kendo-radialgauge-area background="lightblue">
    </kendo-radialgauge-area>
  `
})
class AppComponent {
}
Selector
kendo-radialgauge-area
Inputs
| Name | Type | Default | Description | 
|---|---|---|---|
background? | 
 | 
 The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.  | |
border? | 
 | 
 The border of the Gauge area.  | |
height? | 
 | 
 The height of the Gauge area.  | |
margin? | 
 | 
 The margin of the Gauge area.  | |
width? | 
 | 
 The width of the Gauge area.  |