ConnectionRichTextContent
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.
Definition
Package:@progress/kendo-react-diagram
Properties
background?
string
The background color of the connection label. Accepts valid CSS colors.
blocks?
Paragraph[]
Defines the rich text content of the connection label.
color?
string
The color of the connection content text.
fontFamily?
string
The font family of the connection content text.
"sans-serif"
fontSize?
number
The font size in pixels of the connection content text.
15
margin?
number | ParagraphMargin
Defines the top and bottom margin for the paragraphs in the connection label.
{ top: 0, bottom: 0 }
offset?
number
Defines the distance (in pixels) between the label and the connection path.
5
padding?
number | Padding
The padding options of the connection label. Applicable when background or border is set.
{ left: 4, right: 4, top: 2, bottom: 2 }
position?
"inline" | ConnectionLabelPosition
Defines the position of the label relative to the connection path.
{ vertical: 'top', horizontal: 'right' }
A function returning a visual element to render for the content of a connection.
any