Docs
Resizable
Resizable
A component that divides your interface into resizable sections.
Installation
npx shadcn-solid@latest add resizableInstall the following dependencies:
npm install @corvu/resizableCopy and paste the following code into your project:
Install the following dependencies:
npm install @corvu/resizableCopy and paste the following code into your project:
Usage
import { Resizable, ResizablePanel, ResizableHandle } from "@/components/ui/resizable";<Resizable>
<ResizablePanel>A</ResizablePanel>
<ResizableHandle />
<ResizablePanel>B</ResizablePanel>
</Resizable>Examples
Vertical
Use the orientation prop to set the orientation of the resizable panels.
Handle
You can set or hide the handle by using the withHandle prop on the ResizableHandle component.