app.components.resizable-panel
A bottom-anchored panel with a draggable top edge for resizing.
Wraps arbitrary children in a container whose height is controlled by dragging a handle bar. The panel can be collapsed down to its configured :min-height (which may be set to 0) and expanded back.
ResizablePanel
(ResizablePanel props__5701__auto__)ResizablePanel*
(ResizablePanel* props__5701__auto__)A panel with a draggable top-edge resize handle.
The panel maintains its own height in local state. Dragging the handle bar up or down adjusts the panel height. The height is clamped between min-height and max-height.
During drag, only local state is updated for smooth visual feedback. The on-height-change callback is fired only when the drag ends (on mouseup), preventing expensive re-renders of parent components.
Props: - :height - controlled height in pixels (optional) - :initial-height - starting height in pixels (default 250) - :min-height - minimum panel height (default 100) - :max-height - maximum panel height (default 600) - :on-height-change - callback fired on drag end with the final height - :children - child elements to render inside the panel