react-window-splitter

A full featured window splitter for React.

• Support for the full window splitter ARIA spec
• Support for percentage and pixel based constraints
• Collapsible panels
• Controlled panels
• Layout Persistance - LocalStorage and Cookie

Read the full docs View the storybook

Install

npm install react-window-splitter
yarn add react-window-splitter
pnpm add react-window-splitter

Usage

import { PanelGroup, Panel, PanelResizer } from "react-window-splitter";

function Example() {
  return (
    <PanelGroup>
      <Panel min="130px" max="400px" />
      <PanelResizer />
      <Panel min="130px" />
    </PanelGroup>
  );
}

Contributors ✨

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!