@window-splitter/react

PanelResizer

A resize handle to place between panels.

NameTypeDescription
disabledboolean | undefined;

If the handle is disabled

size`${number}px` | undefined;

The size of the handle

onDragStart(() => void) | undefined

Called when the user starts dragging the handle

onDrag(() => void) | undefined

Called when the user drags the handle

onDragEnd(() => void) | undefined

Called when the user stops dragging the handle

setSize((size: Unit) => void) | undefined

Set the size of the panel in pixels.

This will be clamped to the min/max values of the panel. If you want the panel to collapse/expand you should use the expand/collapse methods.