UNPKG

react-split-pane

Version:

React split-pane component with hooks and TypeScript

31 lines 884 B
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