Resizable
Draggable panel layout, over react-resizable-panels.
Resizable splits a layout into panels separated by draggable handles —
IDE-style panes, adjustable sidebars, split views.
Installation
import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from "@iammikz/srui";
Usage
Sidebar
Main content
Exports
| Export | Notes |
|---|---|
ResizablePanelGroup | orientation, defaultLayout, onLayoutChange |
ResizablePanel | defaultSize/minSize/maxSize (percent), collapsible |
ResizableHandle | The drag handle; withHandle renders a grip |
Handles are keyboard-focusable — arrows resize, focus-visible outlined.