Skip to content

Main Navigationv1.20.2 Guide Examples Plugins Migration TypeDocs

Appearance

Sidebar Navigation

Classes

VueFlowApp

VueFlowError

Enums

BackgroundVariant

ConnectionLineType

ConnectionMode

ErrorCode

ImageType

MarkerType

PanOnScrollMode

PanelPosition

Position

ResizeControlVariant

SelectionMode

Functions

BaseEdge-1

BezierEdge-1

PluginDragNDrop

PluginScreenshot

SimpleBezierEdge-1

SmoothStepEdge-1

StepEdge-1

StraightEdge-1

addEdge

applyChanges

applyEdgeChanges

applyNodeChanges

clamp

connectionExists

createVueFlow

getBezierEdgeCenter

getBezierPath

getBoundsofRects

getConnectedEdges

getIncomers

getMarkerId

getNodesInside

getOutgoers

getRectOfNodes

getSimpleBezierPath

getSimpleEdgeCenter

getSmoothStepPath

getStraightPath

getTransformForBounds

isEdge

isGraphEdge

isGraphNode

isNode

pointToRendererPoint

rendererPointToPoint

updateEdge-1

useDragNDrop

useEdge

useGetPointerPosition

useHandle

useNode

useScreenshot-1

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

EdgeTextProps

EdgeUpdateEvent

FlowEvents

FlowExportObject

FlowProps

Getters

GraphNode

HandleElement

HandleProps

MarkerProps

MiniMapNodeProps

MiniMapProps

Node

NodeAddChange

NodeDimensionChange

NodeDragEvent

NodeDragItem

NodeHandleBounds

NodeMouseEvent

NodePositionChange

NodeProps

NodeRemoveChange

NodeResizerEmits

NodeResizerProps

NodeSelectionChange

NodeToolbarProps

OnConnectStartParams

OnDragStartEventData

OnDropData

OnResize

OnResizeEnd

OnResizeStart

PanelProps

PluginHooks

Rect

ResizeControlLineProps

ResizeControlProps

ResizeParams

SelectionRect

SmoothStepPathOptions

State

StoreBase

TransitionOptions

UpdateNodeDimensionsParams

UseDragAndDrop

UseScreenshot

UseScreenshotOptions

UseScreenshotPluginOptions

ValidHandleResult

ViewportFunctions

ViewportTransform

XYPosition

Modules

BaseEdge

BezierEdge

SimpleBezierEdge

SmoothStepEdge

StepEdge

StraightEdge

Types

AddEdges

AddNodes

Align

BezierEdgeProps

BezierEdgeType

CSSVars

CaptureScreenshot

ClassFunc

ComputedGetters

ConfigFactory

ConnectionStatus

Connector

ControlLinePosition

ControlPosition

CoordinateExtent

CustomEvent

D3Selection

D3Zoom

D3ZoomHandler

DefaultEdgeOptions

DefaultNodeTypes

Download

DragNodeType

Edge

EdgeChange

EdgeComponent

EdgeEventsEmit

EdgeEventsHandler

EdgeEventsOn

EdgeMarkerType

EdgeRemoveChange

EdgeSelectionChange

EdgeTypesObject

EdgeUpdatable

Element

ElementChange

ElementData

Elements

FindEdge

FindNode

FitBounds

FitBoundsOptions

FitView

FitViewParams

FlowElement

FlowElements

FlowHooks

FlowHooksEmit

FlowHooksOn

FlowOptions

GetIntersectingNodes

GetTransform

GraphEdge

HandleConnectable

HandleConnectableFunc

HandleType

HeightFunc

IsNodeIntersecting

MaybeElement

MiniMapNodeFunc

MouseTouchEvent

NodeChange

NodeComponent

NodeEventsEmit

NodeEventsHandler

NodeEventsOn

NodeTypesObject

Plugin

Project

RemoveEdges

RemoveNodes

ResizeDragEvent

ResizeParamsWithDirection

SetCenter

SetCenterOptions

SetEdges

SetElements

SetNodes

SetState

SetTransform

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: createVueFlow

▸ createVueFlow(options?): VueFlowApp

Parameters

Name	Type
`options?`	`ConfigFactory`

Returns

Previous pageconnectionExists

Next pagegetBezierEdgeCenter

Released under the MIT License.

Copyright © 2021-present Burak Cakmakoglu