Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface FlowProps

Hierarchy

  • FlowProps

Index

Properties

Properties

Optional applyDefault

applyDefault?: boolean

apply default change handlers for position, dimensions, adding/removing nodes. set this to false if you want to apply the changes manually

Optional connectOnClick

connectOnClick?: boolean

allow connection with click handlers, i.e. support touch devices

Optional connectionLineStyle

connectionLineStyle?: null | CSSProperties

Optional connectionLineType

connectionLineType?: ConnectionLineType

Optional connectionMode

connectionMode?: ConnectionMode

Optional defaultEdgeOptions

defaultEdgeOptions?: DefaultEdgeOptions

does not work for the addEdge utility!

Optional defaultMarkerColor

defaultMarkerColor?: string

Optional defaultPosition

defaultPosition?: [number, number]

Optional defaultZoom

defaultZoom?: number

Optional deleteKeyCode

deleteKeyCode?: KeyCode

Optional edgeTypes

edgeTypes?: { default: undefined | EdgeComponent<any>; simplebezier: undefined | EdgeComponent<any>; smoothstep: undefined | EdgeComponent<any>; step: undefined | EdgeComponent<any>; straight: undefined | EdgeComponent<any> } & Record<string, EdgeComponent<any>>

either use the edgeTypes prop to define your edge-types or use slots (<template #edge-mySpecialType="props">)

Optional edgeUpdaterRadius

edgeUpdaterRadius?: number

Optional edges

edges?: Edge<any>[]

Optional edgesUpdatable

edgesUpdatable?: boolean

Optional elementsSelectable

elementsSelectable?: boolean

Optional fitViewOnInit

fitViewOnInit?: boolean

Optional id

id?: string

Optional maxZoom

maxZoom?: number

Optional minZoom

minZoom?: number

Optional modelValue

modelValue?: Elements<any>

Optional multiSelectionKeyCode

multiSelectionKeyCode?: KeyCode

Optional noDragClassName

noDragClassName?: string

Optional noPanClassName

noPanClassName?: string

Optional noWheelClassName

noWheelClassName?: string

Optional nodeExtent

nodeExtent?: CoordinateExtent

Optional nodeTypes

nodeTypes?: { default: undefined | NodeComponent<any>; input: undefined | NodeComponent<any>; output: undefined | NodeComponent<any> } & Record<string, NodeComponent<any>>

either use the nodeTypes prop to define your node-types or use slots (<template #node-mySpecialType="props">)

Optional nodes

nodes?: Node<any>[]

Optional nodesConnectable

nodesConnectable?: boolean

Optional nodesDraggable

nodesDraggable?: boolean

Optional onlyRenderVisibleElements

onlyRenderVisibleElements?: boolean

Optional panOnDrag

panOnDrag?: boolean

move pane on drag, replaced prop paneMovable

Optional panOnScroll

panOnScroll?: boolean

Optional panOnScrollMode

panOnScrollMode?: PanOnScrollMode

Optional panOnScrollSpeed

panOnScrollSpeed?: number

Optional preventScrolling

preventScrolling?: boolean

enable this to prevent vue flow from scrolling inside the container, i.e. allow for the page to scroll

Optional selectNodesOnDrag

selectNodesOnDrag?: boolean

Optional selectionKeyCode

selectionKeyCode?: KeyCode

Optional snapGrid

snapGrid?: SnapGrid

Optional snapToGrid

snapToGrid?: boolean

Optional translateExtent

translateExtent?: CoordinateExtent

Optional zoomActivationKeyCode

zoomActivationKeyCode?: KeyCode

Optional zoomOnDoubleClick

zoomOnDoubleClick?: boolean

Optional zoomOnPinch

zoomOnPinch?: boolean

Optional zoomOnScroll

zoomOnScroll?: boolean

Generated using TypeDoc