stylexcn

Resizable

Split panes. Drag the handle to change the ratio.

Preview

One
Two
One
Two

Installation

pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/resizable.json
pnpm dlx shadcn@latest add @stylexcn/resizable

Usage

<ResizablePanelGroup orientation="horizontal">
  <ResizablePanel defaultSize={50}>One</ResizablePanel>
  <ResizableHandle withHandle />
  <ResizablePanel defaultSize={50}>Two</ResizablePanel>
</ResizablePanelGroup>