ConnectionRichTextContent

Updated on May 8, 2026

Defines the rich text content of a connection label. Rich text content allows you to define multiple paragraphs with different styling and formatting, as well as include images and line breaks.

Name	Type	Default	Description
background?	string		The background color of the connection label. Accepts valid CSS colors.
blocks?	Paragraph[]		Defines the rich text content of the connection label.
border?	Stroke	null	The border options of the connection label.
color?	string		The color of the connection content text.
fontFamily?	string	"sans-serif"	The font family of the connection content text.
fontSize?	number	15	The font size in pixels of the connection content text.
margin?	number | ParagraphMargin	{ top: 0, bottom: 0 }	Defines the top and bottom margin for the paragraphs in the connection label.
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.
visual?	(data: any) => any		A function returning a visual element to render for the content of a connection.