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

ConnectionContent

Updated on Oct 31, 2025

Defines the label displayed on the connection path.

NameTypeDefaultDescription

background?

string

The background color of the connection label. Accepts valid CSS colors.

border?

Stroke

null

The border options of the connection label.

color?

string

The color of the connection content text.

fontFamily?

string

The font family of the connection content text.

fontSize?

number

The font size of the connection content text.

fontStyle?

string

The font style of the connection content text.

fontWeight?

string

The font weight of the connection content text.

offset?

number

5

Defines the distance (in pixels) between the label and the connection path.

padding?

number | Padding

{ left: 4, right: 4, top: 2, bottom: 2 }

The padding options of the connection label. Applicable when background or border is set.

position?

"inline" | ConnectionLabelPosition

{ vertical: 'top', horizontal: 'right' }

Defines the position of the label relative to the connection path.

template?

(data: any) => string

The template which renders the labels.

text?

string

The static text displayed on the connection.

visual?

(data: any) => any

A function returning a visual element to render for the content of a connection.

Not finding the help you need?
Contact Support