Resizable
Accessible resizable panel groups and layouts with keyboard support.
One
Two
Three
About
The Resizable component is built on top of
react-resizable-panels by
bvaughn.
Usage
import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@tulip-systems/ui/resizable";<ResizablePanelGroup orientation="horizontal">
<ResizablePanel>One</ResizablePanel>
<ResizableHandle />
<ResizablePanel>Two</ResizablePanel>
</ResizablePanelGroup>Examples
Vertical
Header
Content
Handle
Use the withHandle prop on ResizableHandle to show a visible handle.
Sidebar
Content