Resizable

Draggable-handle panel groups, horizontal or vertical.

Default

editor*draft.md — mrkdwn*

preview

terminal

<ResizablePanelGroup orientation="horizontal" className="h-48 rounded-lg border">
  <ResizablePanel defaultSize={55}>editor</ResizablePanel>
  <ResizableHandle withHandle />
  <ResizablePanel defaultSize={45}>
    <ResizablePanelGroup orientation="vertical">
      <ResizablePanel defaultSize={60}>preview</ResizablePanel>
      <ResizableHandle withHandle />
      <ResizablePanel defaultSize={40}>terminal</ResizablePanel>
    </ResizablePanelGroup>
  </ResizablePanel>
</ResizablePanelGroup>

Markdown for agents: /design/resizable.md · spec: /design.md