https://github.com/hipstersmoothie/react-window-splitter
react-resizable-grid-panels
https://github.com/hipstersmoothie/react-window-splitter
Last synced: 8 days ago
JSON representation
react-resizable-grid-panels
- Host: GitHub
- URL: https://github.com/hipstersmoothie/react-window-splitter
- Owner: hipstersmoothie
- Created: 2024-07-21T23:04:28.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-04-23T20:54:11.000Z (8 days ago)
- Last Synced: 2025-04-23T21:04:40.250Z (8 days ago)
- Language: TypeScript
- Homepage: https://react-window-splitter-six.vercel.app
- Size: 1.81 MB
- Stars: 53
- Watchers: 1
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# `react-window-splitter`
A full featured window splitter for React.
- Support for the full [window splitter](https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/) ARIA spec
- Support for percentage and pixel based constraints
- Collapsible panels
- Controlled panels
- Layout Persistance - LocalStorage and Cookie
[Read the full docs](https://react-window-splitter-six.vercel.app)
[View the storybook](https://react-window-splitter-six.vercel.app/docs/examples/simple)
## Install
```bash
npm install react-window-splitter
yarn add react-window-splitter
pnpm add react-window-splitter
```
## Usage
```tsx
import { PanelGroup, Panel, PanelResizer } from "react-window-splitter";
function Example() {
return (
);
}
```
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Andrew Lisowski
💻 📖 💡 ⚠️ 🚇
Eva1ent
💻
Andrew Lisowski
💻
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!