New to KendoReact? Start a free 30-day trial

Defines the base options for a connection in the diagram.

Definition

Package:@progress/kendo-react-diagram

Properties

Defines accessibility options for the connection.

Defines the label displayed on the connection path.

Defines the corner radius of the connection.

Default:

0

Defines the connection dataItem.

Defines the editing behavior of the connections.

The connections end cap configuration.

The source of the connection. Can be a shape id, a shape/connector reference, or an object with XY-coordinates.

Specifies the name of the source shape connector that should be used by default.

hover?

{ stroke?: { color?: string } }

Defines the default styling that is applied when the user hovers over a connection.

id?

string | number

The unique identifier for a connection.

Defines the connection routing locks as absolute x/y axis values in global diagram coordinates. Applicable only when the connection type is set to "cascading".

Defines the intermediate routing points of the connection in global coordinates. Applicable only when the connection type is set to "polyline".

Specifies if connections can be selected.

selection?

{ handles?: { fill?: string | { color?: string }; stroke?: { color?: string }; width?: number; height?: number } }

Defines the connections selection configuration.

The connection start cap configuration or type name.

stroke?

string | Stroke

Defines the connection line configuration.

The target of the connection. Can be a shape id, a shape/connector reference, or an object with XY-coordinates.

Specifies the name of the target shape connector that should be used by default.

Specifies the connections type. The supported values are:

  • "polyline": connects the defined intermediate points.
  • "cascading": discards given points and defines a cascading path between the endpoints.
Default:

"cascading"