{"repo":"tomkp/react-split-pane","free":true,"listed":false,"github":"https://github.com/tomkp/react-split-pane","clone":"git clone https://github.com/tomkp/react-split-pane.git","description":"React split-pane component","language":"TypeScript","stars":3391,"topics":["split-pane","react","react-component"],"license":"MIT","category":"deployment-docker-iac","readme_excerpt":"React Split Pane v3 Modern, accessible, TypeScript-first split pane component for React. Live Examples ✨ Features - 🪝 Hooks-based - Built with modern React patterns - 📘 TypeScript - Full type safety out of the box - ♿ Accessible - Keyboard navigation, ARIA attributes, screen reader support - 📱 Touch-friendly - Full mobile/tablet support - 🎯 Flexible - Controlled/uncontrolled modes, nested layouts, 2+ panes - 🪶 Lightweight - Note: SplitPane requires its container to have explicit dimensions. The component uses width: 100% and height: 100% , so the parent element must have a defined size. For vertical splits, ensure the parent has an explicit height (e.g., height: 100vh ). See Container Sizing for details. Basic Usage Horizontal Split (Side-by-Side) Vertical Split (Top-Bottom) Controlled Mode Nested Layouts Advanced Features Persistence The usePersistence hook saves and restores pane sizes to localStorage (or sessionStorage): usePersistence Options Option Type Default Description -------- ------ --------- ------------- key string Required Storage key for persisting sizes storage Storage localStorage Storage backend (localStorage or sessionStorage) debounce number 300 Debounce delay in ms before saving Snap Points Custom Divider Keyboard Navigation The divider is fully keyboard accessible: - Arrow Keys : Resize by step pixels (default: 10px) - Shift + Arrow : Resize by larger step (default: 50px) - Home : Minimize left/top pane - End : Maximize left/top pane - Escape : Rest","default_branch":null,"files":null,"tree":[],"storefront":"/r/tomkp","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tomkp/react-split-pane/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}