@progress/kendo-react-layout
Version:
React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package
77 lines (76 loc) • 2.89 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 { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
import * as React from 'react';
/**
* Represents the pane options of the Splitter.
*/
export interface SplitterPaneProps extends KendoReactComponentBaseProps {
/**
* Sets the size of the pane ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-dimensions)). Has to be between the `min` and `max` properties.
*/
size?: string;
/**
* Sets the minimum possible size of the pane ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-dimensions)).
*/
min?: string;
/**
* Sets the maximum possible size of the pane ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-dimensions)).
*/
max?: string;
/**
* Specifies if the user is allowed to resize the pane and provide space for other panes
* ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-resizing)).
* If `resizable` is not specified, the resizing of the pane will be enabled.
*
* @default true
*/
resizable?: boolean;
/**
* Specifies if the user is allowed to hide the pane and provide space for other panes
* ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-collapsing)).
*
* @default false
*/
collapsible?: boolean;
/**
* Specifies the pane collapsed state
* ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-collapsing)).
*
* @default false
*/
collapsed?: boolean;
/**
* Specifies if overflowing content is scrollable or hidden
* ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-scrolling)).
* If `scrollable` is not specified, the content will be scrollable.
*
* @default true
*/
scrollable?: boolean;
/**
* Specifies if the children of the pane should be mounted when it's in collapsed state.
*
* @default false
*/
keepMounted?: boolean;
}
/**
* @hidden
*/
export interface SplitterPaneExtendedProps extends SplitterPaneProps {
orientation: 'vertical' | 'horizontal';
overlay: boolean;
containsSplitter: boolean;
}
/**
* @hidden
*/
export declare class SplitterPane extends React.Component<SplitterPaneExtendedProps, {}> {
render(): React.JSX.Element;
}