@progress/kendo-react-gauges
Version:
React Gauges provide a set of React components for building beautiful and customizable gauges. KendoReact Gauges package
47 lines (46 loc) • 1.55 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { BaseGaugeProps } from './BaseGaugeProps';
import { ArcScale, ColorRange } from './types';
/**
* Represents the props of the [KendoReact ArcGauge component](https://www.telerik.com/kendo-react-ui/components/gauges/arcgauge).
*/
export interface ArcGaugeProps extends BaseGaugeProps {
/**
* The value of the Gauge.
*/
value: number;
/**
* The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
*/
color?: string;
/**
* The color ranges of the value pointer
* ([see example](https://www.telerik.com/kendo-react-ui/components/gauges/arcgauge/color-ranges)).
*/
colors?: ColorRange[];
/**
* The opacity of the value pointer.
*/
opacity?: number;
/**
* The scale options of the ArcGauge.
*/
scale?: ArcScale;
/**
* @hidden
*
* Alias for backwards compatbility.
*/
arcCenterRender?: (value: number, color: string) => React.ReactElement<any>;
/**
*
* A function that renders the center template of the Gauge.
*/
centerRender?: (value: number, color: string) => React.ReactElement<any>;
}