Thin wrappers around react-resizable-panels providing ResizablePanelGroup, ResizablePanel, and ResizablePanelHandle with theme-aware styling. Supports horizontal and vertical directions with an optional grip indicator.
Horizontal split
import { ResizablePanelGroup, ResizablePanel, ResizablePanelHandle } from '@primstack/ui/resizable'
<ResizablePanelGroup direction="horizontal">
<ResizablePanel defaultSize={50}>Left</ResizablePanel>
<ResizablePanelHandle />
<ResizablePanel defaultSize={50}>Right</ResizablePanel>
</ResizablePanelGroup>Two-panel layout
import { ResizablePanel, ResizablePanelGroup, ResizableHandle } from '@primstack/ui'
<ResizablePanelGroup direction="horizontal">
<ResizablePanel defaultSize={30}>Sidebar</ResizablePanel>
<ResizableHandle />
<ResizablePanel>Main Content</ResizablePanel>
</ResizablePanelGroup>