Skip to Content
✨ Svelte Flow 1.0 is here! Rewritten for Svelte 5 with many new features and improvements.
ReferenceTypesInternalNode

InternalNode<NodeType>

The internal node is an extension of the user nod. It is used internally and has some more information that is not exposed to the user directly, like positionAbsolute and handleBounds.

Fields

NameTypeDefault
idNodeType["id"]

Unique id of a node.

positionNodeType["position"]

Position of a node on the pane.

dataNodeType["data"]

Arbitrary data passed to a node.

typeNodeType["type"]

Type of node defined in nodeTypes.

sourcePositionNodeType["sourcePosition"]

Only relevant for default, source, target nodeType. Controls source position.

targetPositionNodeType["targetPosition"]

Only relevant for default, source, target nodeType. Controls target position.

hiddenNodeType["hidden"]

Whether or not the node should be visible on the canvas.

selectedNodeType["selected"]
draggingNodeType["dragging"]

Whether or not the node is currently being dragged.

draggableNodeType["draggable"]

Whether or not the node is able to be dragged.

selectableNodeType["selectable"]
connectableNodeType["connectable"]
deletableNodeType["deletable"]
dragHandleNodeType["dragHandle"]

A class name that can be applied to elements inside the node that allows those elements to act as drag handles, letting the user drag the node by clicking and dragging on those elements.

widthNodeType["width"]
heightNodeType["height"]
initialWidthNodeType["initialWidth"]
initialHeightNodeType["initialHeight"]
parentIdNodeType["parentId"]

Parent node id, used for creating sub-flows.

zIndexNodeType["zIndex"]
extentNodeType["extent"]

Boundary a node can be moved in.

expandParentNodeType["expandParent"]

When true, the parent node will automatically expand if this node is dragged to the edge of the parent node’s bounds.

ariaLabelNodeType["ariaLabel"]
originNodeType["origin"]

Origin of the node relative to its position.

handlesNodeType["handles"]
classNodeType["class"]
styleNodeType["style"]
focusableNodeType["focusable"]
measured{ width?: number; height?: number; }
internals{ positionAbsolute: XYPosition; z: number; userNode: NodeType; handleBounds?: NodeHandleBounds; bounds?: NodeBounds; }

Notes

Last updated on