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

ConnectionOptions

Updated on Nov 11, 2025

Defines the configuration options for diagram connections. Extends the base connection options and adds tooltip support.

NameTypeDefaultDescription

content?

ConnectionContent

Defines the label displayed on the connection path.

cornerRadius?

number

0

Defines the corner radius of the connection.

dataItem?

any

Defines the connection dataItem.

editable?

boolean | EditableDefaults

Defines the editing behavior of the connections.

endCap?

string | ConnectionCap

The connections end cap configuration.

from?

string | number | Coordinate

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

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.

points?

Coordinate[]

Sets the intermediate points (in global coordinates) of the 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.

to?

string | number | Coordinate

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

toConnector?

string

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

tooltip?

TooltipOptions

Configures the tooltip that displays when you hover over the connection.

tooltipText?

string

Sets the text content displayed in the tooltip.

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