<NodeResizeControl />

To create your own resizing UI, you can use the NodeResizeControl component where you can pass children (such as icons).

Props

The type for props of <NodeResizeControl /> component is exported as NodeResizeControlProps. Additionally, it extends the props of <div />.

Name	Type	Default
`nodeId`	`string` Id of the node it is resizing
`minWidth`	`number` Minimum width of node
`minHeight`	`number` Minimum height of node
`maxWidth`	`number` Maximum width of node
`maxHeight`	`number` Maximum height of node
`keepAspectRatio`	`boolean` Keep aspect ratio when resizing
`autoScale`	`boolean` Automatically scale the node when resizing
`shouldResize`	`(event: ResizeDragEvent, params: ResizeParamsWithDirection) => boolean` Callback to determine if node should resize
`onResizeStart`	`OnResizeStart` Callback called when resizing starts
`onResize`	`OnResize` Callback called when resizing
`onResizeEnd`	`OnResizeEnd` Callback called when resizing ends
`resizeDirection`	`'horizontal' \| 'vertical'` The direction the user can resize the node
`position`	`ControlLinePosition \| 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'` Position of control
`variant`	`ResizeControlVariant` Variant of control
`...props`	`HTMLAttributes<HTMLDivElement>`