Docs
Resizable
Resizable
A component that divides your interface into resizable sections.
Installation
pnpm dlx shadcn-solid@latest add resizable
Usage
import {
Resizable,
ResizableHandle,
ResizablePanel,
} 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.