react-split-pane
Version:
React split-pane component with hooks and TypeScript
29 lines • 885 B
TypeScript
import type { SplitPaneProps } from '../types';
/**
* A flexible split pane component that allows resizable pane layouts.
*
* Supports horizontal (side-by-side) and vertical (stacked) layouts with
* mouse, touch, and keyboard interactions. Fully accessible with ARIA attributes.
*
* @example
* ```tsx
* // Basic horizontal split
* <SplitPane direction="horizontal">
* <Pane minSize="200px" defaultSize="300px">
* <Sidebar />
* </Pane>
* <Pane>
* <MainContent />
* </Pane>
* </SplitPane>
*
* // Controlled mode with state
* const [sizes, setSizes] = useState([300, 500]);
* <SplitPane onResize={setSizes}>
* <Pane size={sizes[0]}>Left</Pane>
* <Pane size={sizes[1]}>Right</Pane>
* </SplitPane>
* ```
*/
export declare function SplitPane(props: SplitPaneProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=SplitPane.d.ts.map