Components
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/core/components/client";<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