Skip to Content
✨ Svelte Flow 1.0 is here! Rewritten for Svelte 5 with many new features and improvements.
ReferenceComponents<NodeResizeControl />

<NodeResizeControl />

Source on GitHub 

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 />.

NameTypeDefault
nodeIdstring

Id of the node it is resizing

minWidthnumber

Minimum width of node

minHeightnumber

Minimum height of node

maxWidthnumber

Maximum width of node

maxHeightnumber

Maximum height of node

keepAspectRatioboolean

Keep aspect ratio when resizing

shouldResizeShouldResize

Callback to determine if node should resize

onResizeStartOnResizeStart

Callback called when resizing starts

onResizeOnResize

Callback called when resizing

onResizeEndOnResizeEnd

Callback called when resizing ends

positionControlPosition

Position of control

variantResizeControlVariant

Variant of control

...propsHTMLAttributes<HTMLDivElement>
Last updated on