Interface: NodeProps<Data, CustomEvents, Type> ​
these props are passed to node components
Type parameters ​
Name | Type |
---|---|
Data | ElementData |
CustomEvents | object |
Type | extends string = string |
Table of contents ​
Properties ​
- connectable
- data
- dimensions
- dragHandle
- dragging
- events
- id
- isValidSourcePos
- isValidTargetPos
- label
- parent
- parentNodeId
- position
- resizing
- selected
- sourcePosition
- targetPosition
- type
- zIndex
Properties ​
connectable ​
• connectable: HandleConnectable
can node handles be connected, you need to forward this to your handles for this prop to have any effect
data ​
• data: Data
additional data of node
dimensions ​
• dimensions: Dimensions
dom element dimensions (width, height)
dragHandle ​
• Optional
dragHandle: string
drag handle query selector
dragging ​
• dragging: boolean
is node currently dragging
events ​
• events: NodeEventsOn
<CustomEvents
>
Deprecated
- will be removed in next major release contextual and custom events of node
id ​
• id: string
unique node id
isValidSourcePos ​
• Optional
isValidSourcePos: ValidConnectionFunc
Deprecated
will be removed in next major release called when used as source for new connection
isValidTargetPos ​
• Optional
isValidTargetPos: ValidConnectionFunc
Deprecated
will be removed in next major release called when used as target for new connection
label ​
• Optional
label: string
| object
| VNode
<RendererNode
, RendererElement
, { [key: string]
: any
; }> | Component
Deprecated
- will be removed in next major release and replaced with
{ data: { label: string | VNode | Component } }
node label, either pass a string or a VNode For example like this:h('div', props, children)
) Object is just a type-hack for Vue, ignore that
parent ​
• Optional
parent: string
Deprecated
- will be removed in next major release. Use
parentNodeId
instead parent node id
parentNodeId ​
• Optional
parentNodeId: string
todo: rename to parentId
in next major release parent node id
position ​
• position: XYPosition
Deprecated
- will be removed in next major release and replaced with
computedPosition
node x, y (relative) position on graph
resizing ​
• resizing: boolean
is node currently resizing
selected ​
• selected: boolean
is node selected
sourcePosition ​
• Optional
sourcePosition: Position
handle position
targetPosition ​
• Optional
targetPosition: Position
handle position
type ​
• type: Type
node type
zIndex ​
• zIndex: number
node z-index