{"repo":"caplin/FlexLayout","free":true,"listed":false,"github":"https://github.com/caplin/FlexLayout","clone":"git clone https://github.com/caplin/FlexLayout.git","description":"Docking Layout Manager for React","language":"TypeScript","stars":1338,"topics":["layout","dock","tabset","splitter","drag-and-drop","react","reactjs","layout-manager","docking-layout","docking-library"],"license":"MIT","category":"ui-components","readme_excerpt":"FlexLayout FlexLayout is a layout manager for React that arranges components in multiple tabsets. Tabs can be resized, moved, and organized into complex layouts. Run the Demo Try it now using CodeSandbox API Doc FlexLayout's only dependency is React. Features: Splitters for resizing Tabs (scrolling or wrapped) Tab dragging and ordering Pinnable tabs (kept at the start of the tabstrip, via Actions.setTabPinned ) Tabset dragging (move all tabs in a tabset in one operation) Docking to tabsets or edges of the frame Maximizing tabsets (double-click tabset header or use icon) Tab overflow (menu for hidden tabs, mouse wheel scrolling) Border tabsets Overlay borders (border panels overlay the main layout, via Actions.setBorderType ) Popout tabs into floating panels or new browser windows Submodels (layouts inside layouts) Tab renaming (double-click tab text) Theming (light, dark, underline, etc., and combined) Accessibility (ARIA roles, keyboard operation with a configurable keymap, visible focus) — see Accessibility Mobile support (iPad, Android) Multiple ways to add tabs (drag, active tabset, by ID) Comprehensive tab and tabset attributes ( enableTabStrip , enableDock , enableDrop , etc.) Customizable tab and tabset rendering Preservation of component state when tabs are moved Playwright tests TypeScript type declarations Example Interaction Installation FlexLayout is available on npm. Install it using: The package is ESM-only and must be consumed via import (it cannot be loaded wi","default_branch":null,"files":null,"tree":[],"storefront":"/r/caplin","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/caplin/FlexLayout/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."}