Skip to content

Main Navigationv1.12.7 Guide Examples Migration TypeDocs

Appearance

Sidebar Navigation

Classes

GlobalVueFlowStorage

Enums

BackgroundVariant ConnectionLineType ConnectionMode MarkerType PanOnScrollMode PanelPosition Position ResizeControlVariant SelectionMode

Functions

BaseEdge-1 BezierEdge-1 SimpleBezierEdge-1 SmoothStepEdge-1 StepEdge-1 StraightEdge-1 addEdge applyChanges applyEdgeChanges applyNodeChanges connectionExists getBezierPath getBoundsofRects getConnectedEdges getIncomers getMarkerId getNodesInside getOutgoers getRectOfNodes getSimpleBezierPath getSmoothStepPath getStraightPath getTransformForBounds graphPosToZoomedPos isEdge isNode updateEdge-1 useEdge useGetPointerPosition useHandle useNode useVueFlow useZoomPanHelper

Interfaces

Actions BackgroundProps BaseEdgeProps BezierPathOptions Box Connection ConnectionLineOptions ConnectionLineProps ControlProps CustomThemeVars DefaultEdge DefaultEdgeTypes Dimensions EdgeAddChange EdgeLabelOptions EdgeMarker EdgeMouseEvent EdgePositions EdgeProps EdgeTextProps EdgeUpdateEvent Emits ExtendedParentExtent 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 PanelProps Rect ResizeControlLineProps ResizeControlProps ResizeEventParams SelectionRect SmoothStepPathOptions StartHandle State TransitionOptions UpdateNodeDimensionsParams ViewportFunctions ViewportTransform XYPosition

Modules

BaseEdge BezierEdge SimpleBezierEdge SmoothStepEdge StepEdge StraightEdge

Types

AddEdges AddNodes BezierEdgeProps BezierEdgeType CSSVars ClassFunc ComputedGetters Connector ControlLinePosition ControlPosition CoordinateExtent CustomEvent D3Selection D3Zoom D3ZoomHandler DefaultEdgeOptions DefaultNodeTypes 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 MiniMapNodeFunc MouseTouchEvent NodeChange NodeComponent NodeEventsEmit NodeEventsHandler NodeEventsOn NodeTypesObject Project RemoveEdges RemoveNodes ResizeDragEvent SetCenter SetCenterOptions SetEdges SetElements SetNodes SetState SetTransform ShapeRendering SimpleBezierEdgeProps SmoothStepEdgeProps SmoothStepEdgeType SnapGrid StepEdgeProps StraightEdgeProps StyleFunc Styles ThemeVars UpdateEdge UpdateNodeDimensions UpdateNodeInternals UpdateNodePosition ValidConnectionFunc VueFlowStore WidthFunc XYZPosition ZoomInOut ZoomTo

Variables

defaultEdgeTypes-1 defaultNodeTypes-1

Function: StepEdge

▸ StepEdge(props, ctx): any

Parameters

Name	Type
`props`	`StepEdgeProps`
`ctx`	`Omit`<`SetupContext`<{}>, `"expose"`>

Returns

any

Previous pageSmoothStepEdge-1

Next pageStraightEdge-1

Released under the MIT License.

Copyright © 2021-present Burak Cakmakoglu