New to Kendo UI for AngularStart a free 30-day trial

ConnectionDefaults

Updated on Nov 11, 2025

Defines the default configuration options for all connections in the Diagram. These settings apply to connections unless overridden by individual connection options.

NameTypeDefaultDescription

content?

ConnectionContent

Defines the label displayed on the connection path.

cornerRadius?

number

0

Defines the corner radius of the connection.

editable?

boolean | EditableDefaults

Defines the editing behavior of the connections.

endCap?

string | ConnectionCap

The connections end cap configuration.

fromConnector?

string

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.

selectable?

boolean

Specifies if connections can be selected.

selection?

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

Defines the connections selection configuration.

startCap?

string | ConnectionCap

The connection start cap configuration or type name.

stroke?

string | Stroke

Defines the connection line configuration.

toConnector?

string

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

tooltip?

TooltipOptions

Configures the default tooltip settings for all connections.

type?

"polyline" | "cascading"

"cascading"

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.
Not finding the help you need?
Contact Support