Selector: f-connection-for-create
It is used to create a connection between two nodes. The connection can be dragged to a different node input.
.f-connection
Class specific to the connection component, providing styles for connection representation.
.f-connection-for-create
Class specific to the connection component, providing styles for connection creation.
Add the f-connection-for-create
component to the f-canvas. Works only if fDraggableDirective is added.
The following example shows how to create a connection between two nodes.
[component.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/connections/drag-to-connect/drag-to-connect.component.html [component.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/connections/drag-to-connect/drag-to-connect.component.ts [component.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/connections/drag-to-connect/drag-to-connect.component.scss [common.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/projects/f-examples/_flow-common.scss