Create Connection

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.

Inputs

• Similar to the f-connection component

Styles

• .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.

Usage

Add the f-connection-for-create component to the f-canvas. Works only if fDraggableDirective is added.

<f-flow |:|fDraggable|:|>
  <f-canvas>
    |:|<f-connection-for-create></f-connection-for-create>|:|
  </f-canvas>
</f-flow>

Examples

The following example shows how to create a connection between two nodes.