@progress/kendo-react-grid
Version:
React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package
67 lines (66 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 { ButtonProps } from '@progress/kendo-react-buttons';
import { SVGIcon } from '@progress/kendo-svg-icons';
/**
* @hidden
*
* Defines the props for a Button inside the SegmentedControlComponent.
*/
export interface SegmentedButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
/**
* The unique identifier for the SegmentedButton.
*/
buttonId: number;
/**
* Sets an SVG icon to display inside the Button.
*/
svgIcon?: SVGIcon;
/**
* Specifies the text content of the Button.
*/
text?: string;
/**
* Specifies whether the button is selected.
*/
selected?: boolean;
/**
* Specifies whether the icon should use the accent color when the button is selected.
*
* @default false
*/
accentIcon?: boolean;
}
/**
* @hidden
*/
export interface SegmentedControlHandle {
/**
* The root DOM element of the SegmentedControl.
*/
element: HTMLDivElement | null;
}
/**
* @hidden
*/
export interface SegmentedControlProps {
/**
* Specifies the collection of buttons that will be rendered inside the SegmentedControl.
*/
buttons?: Array<SegmentedButtonProps>;
/**
* Sets the padding of the control.
*
*
*/
size?: ButtonProps['size'];
/**
* Specifies whether the SegmentedControl should stretch to fill the available horizontal space.
*/
stretched?: boolean;
}