<NodeResizeControl />

要创建你自己的调整大小的用户界面，你可以使用 NodeResizeControl 组件，在其中可以传递子元素（例如图标）。

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

属性

🌐 Props

对于 TypeScript 用户，<NodeResizeControl /> 组件的 props 类型被导出为 ResizeControlProps。

🌐 For TypeScript users, the props type for the <NodeResizeControl /> component is exported as ResizeControlProps.

Name	Type	Default
`nodeId`	`string` Id of the node it is resizing.
`color`	`string` Color of the resize handle.
`minWidth`	`number` Minimum width of node.	`10`
`minHeight`	`number` Minimum height of node.	`10`
`maxWidth`	`number` Maximum width of node.	`Number.MAX_VALUE`
`maxHeight`	`number` Maximum height of node.	`Number.MAX_VALUE`
`keepAspectRatio`	`boolean` Keep aspect ratio when resizing.	`false`
`shouldResize`	`(event: ResizeDragEvent, params: ResizeParamsWithDirection) => boolean` Callback to determine if node should resize.
`autoScale`	`boolean` Scale the controls with the zoom level.	`true`
`onResizeStart`	`OnResizeStart` Callback called when resizing starts.
`onResize`	`OnResize` Callback called when resizing.
`onResizeEnd`	`OnResizeEnd` Callback called when resizing ends.
`position`	`ControlLinePosition \| 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'` Position of the control.
`variant`	`ResizeControlVariant` Variant of the control.	`"handle"`
`resizeDirection`	`'horizontal' \| 'vertical'` The direction the user can resize the node. If not provided, the user can resize in any direction.
`className`	`string`
`style`	`CSSProperties`
`children`	`ReactNode`