Skip to content

Main Navigationv1.31.0 Guide Examples Migration TypeDocs

Appearance

Sidebar Navigation

Classes

VueFlowError

Enums

BackgroundVariant

ConnectionLineType

ConnectionMode

ErrorCode

MarkerType

PanOnScrollMode

PanelPosition

Position

ResizeControlVariant

SelectionMode

Functions

addEdge

applyChanges

applyEdgeChanges

applyNodeChanges

clamp

connectionExists

getBezierEdgeCenter

getBezierPath

getBoundsofRects

getConnectedEdges

getIncomers

getMarkerId

getNodesInside

getOutgoers

getRectOfNodes

getSimpleBezierPath

getSimpleEdgeCenter

getSmoothStepPath

getStraightPath

getTransformForBounds

isEdge

isGraphEdge

isGraphNode

isNode

pointToRendererPoint

rendererPointToPoint

updateEdge-1

useConnection

useEdge

useGetPointerPosition

useHandle

useHandleConnections

useNode

useNodeId

useVueFlow

useZoomPanHelper

Interfaces

Actions

BackgroundProps

BaseEdgeProps

BezierPathOptions

Box

ConnectingHandle

Connection

ConnectionHandle

ConnectionLineOptions

ConnectionLineProps

ControlProps

CoordinateExtentRange

CustomThemeVars

DefaultEdge

DefaultEdgeTypes

Dimensions

EdgeAddChange

EdgeLabelOptions

EdgeMarker

EdgeMouseEvent

EdgePositions

EdgeProps

EdgeRemoveChange

EdgeSlots

EdgeTextProps

EdgeUpdateEvent

FlowEmits

FlowEvents

FlowExportObject

FlowProps

FlowSlots

Getters

GraphNode

HandleElement

HandleProps

MarkerProps

MiniMapEmits

MiniMapNodeEmits

MiniMapNodeProps

MiniMapProps

MiniMapSlots

Node

NodeAddChange

NodeDimensionChange

NodeDragEvent

NodeDragItem

NodeHandleBounds

NodeMouseEvent

NodePositionChange

NodeProps

NodeRemoveChange

NodeResizerEmits

NodeResizerProps

NodeSelectionChange

NodeSlots

NodeToolbarProps

OnConnectStartParams

OnResize

OnResizeEnd

OnResizeStart

PanelProps

Rect

ResizeControlLineProps

ResizeControlProps

ResizeParams

SelectionRect

SmoothStepPathOptions

State

TransitionOptions

UpdateNodeDimensionsParams

ValidHandleResult

ViewportFunctions

ViewportTransform

XYPosition

Types

AddEdges

AddNodes

Align

BackgroundVariantType

BezierEdgeProps

BezierEdgeType

CSSVars

ClassFunc

ComputedGetters

ConnectionLookup

ConnectionStatus

Connector

ControlLinePosition

ControlPosition

CoordinateExtent

CustomEvent

D3Selection

D3Zoom

D3ZoomHandler

DefaultEdgeOptions

DefaultNodeTypes

Edge

EdgeChange

EdgeComponent

EdgeEventsEmit

EdgeEventsHandler

EdgeEventsOn

EdgeMarkerType

EdgeSelectionChange

EdgeTypesObject

EdgeUpdatable

Element

ElementChange

ElementData

Elements

FindEdge

FindNode

FitBounds

FitBoundsOptions

FitView

FitViewParams

FlowElement

FlowElements

FlowHooks

FlowHooksEmit

FlowHooksOn

FlowOptions

GetIntersectingNodes

GetViewport

GraphEdge

HandleConnectable

HandleConnectableFunc

HandleType

HeightFunc

IsNodeIntersecting

MaybeElement

MiniMapNodeFunc

MouseTouchEvent

NodeChange

NodeComponent

NodeEventsEmit

NodeEventsHandler

NodeEventsOn

NodeTypesObject

Project

RemoveEdges

RemoveNodes

ResizeDragEvent

ResizeParamsWithDirection

SetCenter

SetCenterOptions

SetEdges

SetElements

SetNodes

SetState

SetViewport

ShapeRendering

ShouldResize

SimpleBezierEdgeProps

SmoothStepEdgeProps

SmoothStepEdgeType

SnapGrid

StepEdgeProps

StraightEdgeProps

StyleFunc

Styles

ThemeVars

ToGraphEdge

ToGraphNode

UpdateEdge

UpdateNodeDimensions

UpdateNodeInternals

UpdateNodePosition

ValidConnectionFunc

VueFlowStore

WidthFunc

XYZPosition

ZoomInOut

ZoomTo

Variables

defaultEdgeTypes-1

defaultNodeTypes-1

On this page

Table of Contents for current page

Function: useNodeId

▸ useNodeId(): null | string

Returns

null | string

Previous pageuseNode

Next pageuseVueFlow

Released under the MIT License.

Copyright © 2021-present Burak Cakmakoglu