Resizable

Resizable panel groups and layouts.

Import

Usage

One
Two

ResizablePanelGroup Props

AttributeTypeDefaultDescription
direction'horizontal' | 'vertical''horizontal'The direction of the panel group.
classNamestring-Additional CSS classes for styling.

ResizablePanel Props

AttributeTypeDefaultDescription
defaultSizenumber-The default size of the panel as a percentage.
minSizenumber-The minimum size of the panel as a percentage.
maxSizenumber-The maximum size of the panel as a percentage.
classNamestring-Additional CSS classes for styling.

ResizableHandle Props

AttributeTypeDefaultDescription
withHandlebooleanfalseWhether to show a visible drag handle.
classNamestring-Additional CSS classes for styling.