@progress/kendo-react-charts
Version:
React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package
54 lines (53 loc) • 1.83 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 { Border, Margin, Padding } from '../common/property-types.js';
import { PanesTitle } from './pane/title.interface.js';
/**
* @hidden
*/
export interface Pane {
/**
* The background color of the pane. Accepts a valid CSS color string, including hex and rgb.
*/
background?: string;
/**
* The border of the pane.
*/
border?: Border;
/**
* Specifies whether the Charts in the pane have to be clipped. By default, all Charts except the Radar and Polar Charts are clipped.
*/
clip?: boolean;
/**
* The height of the pane in pixels.
*/
height?: number;
/**
* The margin of the pane. A numeric value sets all margins.
*/
margin?: Margin | number;
/**
* The unique name of the pane.
*/
name?: string;
/**
* The padding of the pane. A numeric value sets all paddings.
*/
padding?: Padding | number;
/**
* The title configuration of the pane. To display the title, set the [`panes.title.text`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartpanetitleprops#toc-text) option.
*/
title?: string | PanesTitle;
/**
* React child components that can be used to configure nested chart pane components.
*
* Supported child components include pane title configuration components for customizing
* the appearance and content of pane titles.
*/
children?: React.ReactNode;
}