Paneforge Implementation Guide

Paneforge is a nifty and performant library to implement draggable heights/widths for sections in layout. I found it when I was looking for easy solutions for having a width-draggable sidebar. Basic usage:

pnpm install paneforge

<script lang="ts">
	import { PaneGroup, Pane, PaneResizer } from "paneforge";
</script>
<PaneGroup direction="horizontal">
	<Pane defaultSize={50}>Pane 1</Pane>
	<PaneResizer />
	<Pane defaultSize={50}>Pane 2</Pane>
</PaneGroup>