Resizable

Current alignment setting.

Maximum width constraint.

Minimum width constraint.

Updates node width in editor state.

Updates width in local state.

Current width value.

State from useResizableState.

Style props for the resizable element:

• maxWidth: Maximum width constraint
• minWidth: Minimum width constraint
• position: 'relative'
• width: Current width

Style props for the wrapper element:

• position: 'relative'

Reference to the wrapper element.

Current resize direction.

Initial cursor/touch position.

Initial element size.

Whether resize direction is horizontal.

Whether resize is in progress.

Editor read-only state.

Update initial position.

Update initial size.

Update resize state.

Hover callback.

Hover end callback.

Mouse down handler.

Resize handler.

Touch start handler.

State from useResizeHandleState.

Whether the handle should be hidden (in read-only mode).

Props to spread on the handle element:

• onMouseDown: Mouse down event handler
• onMouseOut: Mouse out event handler
• onMouseOver: Mouse over event handler
• onTouchEnd: Touch end event handler
• onTouchMove: Touch move event handler
• onTouchStart: Touch start event handler