SplitPane

Resizable split panels.

Import

import { ZSplitPane } from "@zurto/ui";

Usage

<ZSplitPane direction="horizontal" sizes={[30, 70]} onResize={setSizes}>
  <div>Left Panel</div>
  <div>Right Panel</div>
</ZSplitPane>

Props

Prop	Type	Default	Description
direction	'horizontal' | 'vertical'	'horizontal'	Split direction
sizes	number[]	[50, 50]	Panel sizes (%)
minSize	number	100	Min size (px)
onResize	(sizes: number[]) => void	–	Resize handler