Basic usage

Loading...


Flowchart props

NameTypeDefaultDescription
areVerticesDraggable
boolean
trueTo enable/disable draggable vertices
children
function
renders children
draggableOptions
object
An object of shape {canDrop: Function, hoverClass: String}
droppableOptions
object
An object of shape {grid: Number[], consumeStartEvent: Boolean, getConstrainingRectangle: Function, containment: Boolean}
edges
array
Array of Edges containing primarily id, sourceId and targetId
enableMinimap
boolean
trueEnables or Disables Minimap
enableZoom
boolean
falseEnables or Disables Zoom
onAction
function
Handle Action Related to Flowchart. Action types that could be emitted are ITEM_DRAGGED or ITEM_DROPPED.
overscan
object
An object of shape {x: Number, y: Number}. Tells how much to overscan in both directions
renderBackground
function
Function to render background of the flowchart
renderControlPanel
function
Function to render ControlPanel
renderMinimap
function
Function to render Minimap
renderOverlays
function
Function to render overlays over edges
vertices
array
Array of Vertices, containing primarily id, left and top