react-split-pane
Version:
React split-pane component with hooks and TypeScript
31 lines • 884 B
TypeScript
import type { DividerProps } from '../types';
/**
* The divider component that separates panes and handles resize interactions.
*
* This component is automatically rendered between panes by SplitPane.
* You can provide a custom divider via the `divider` prop on SplitPane.
*
* Features:
* - Keyboard accessible (arrow keys, Home, End)
* - Touch-friendly for mobile devices
* - ARIA attributes for screen readers
*
* @example
* ```tsx
* // Custom divider component
* function CustomDivider(props: DividerProps) {
* return (
* <div {...props} className="my-divider">
* <GripIcon />
* </div>
* );
* }
*
* <SplitPane divider={CustomDivider}>
* <Pane>Left</Pane>
* <Pane>Right</Pane>
* </SplitPane>
* ```
*/
export declare function Divider(props: DividerProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Divider.d.ts.map