Skip to Content
ReferenceTypes

ConnectionLineComponentProps

Source on GitHub 

If you want to render a custom component for connection lines, you can set the connectionLineComponent prop on the <ReactFlow /> component. The ConnectionLineComponentProps are passed to your custom component.

Props

NameTypeDefault
connectionLineStyleCSSProperties
connectionLineTypeConnectionLineType
fromNodeInternalNode<NodeType>

The node the connection line originates from.

fromHandleHandle

The handle on the fromNode that the connection line originates from.

fromXnumber
fromYnumber
toXnumber
toYnumber
fromPositionPosition
toPositionPosition
connectionStatus"valid" | "invalid" | null

If there is an isValidConnection callback, this prop will be set to "valid" or "invalid" based on the return value of that callback. Otherwise, it will be null.

toNodeInternalNode<NodeType> | null
toHandleHandle | null
Last updated on