@progress/kendo-react-layout
Version:
React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package
53 lines (52 loc) • 1.77 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 { SplitterPaneExtendedProps } from './SplitterPane.js';
import * as React from 'react';
/**
* @hidden
*/
export interface SplitterBarProps {
orientation: 'vertical' | 'horizontal';
index: number;
prev: SplitterPaneExtendedProps;
next: SplitterPaneExtendedProps;
ariaLabel?: string;
isRtl?: boolean;
onDrag: (event: any, element: HTMLDivElement, index: number, isFirst: boolean, isLast: boolean) => void;
onToggle: (index: number, nativeEvent: React.MouseEvent<HTMLDivElement, MouseEvent> | React.KeyboardEvent<HTMLDivElement>) => void;
onKeyboardResize: (element: HTMLDivElement, index: number, delta: number, nativeEvent: React.KeyboardEvent<HTMLDivElement>) => void;
}
/**
* @hidden
*/
export interface SplitterBarState {
focused: boolean;
}
/**
* @hidden
*/
export declare class SplitterBar extends React.Component<SplitterBarProps, SplitterBarState> {
private draggable;
private spliterBarRef;
private navigation?;
private get isStatic();
private get isDraggable();
private get isHorizontal();
constructor(props: SplitterBarProps);
/** @hidden */
componentDidMount(): void;
private get ariaValueNow();
render(): React.JSX.Element;
private onDrag;
private onFocus;
private onBlur;
private onToggle;
private onPrevToggle;
private onNextToggle;
private onKeyDown;
}