Example of Annotations in Blazor Diagram Component

Diagram / Getting Started / Annotations

This sample illustrates how to add textual descriptions to shapes and customize the position and appearance of the annotation.

Properties
Alignment
Appearance
Font Size
Font Style
Text Wrapping
Text Overflow
Font Color

This example shows how to add textual descriptions to shapes, how to position them over the shapes, and customize the description's position and appearance. To change the position of the description, select a node and choose the template in the property panel. The Annotations property can be used to add descriptions.

The Offset, HorizontalAlignment, and VerticalAlignment properties are used to customize the position of the descriptions. The Bold, Italic, FontSize, and FontFamily properties are used to customize the appearance of the descriptions.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE