Example of Node content in Blazor Diagram Component

Diagram / Customization / Node Content

This sample demonstrates how the node content can be updated using various shapes, including ellipses, rectangles, HTML, and path shapes.

Loading Syncfusion Blazor Server Demos…

The NodeTemplate property allows you to define a specific UI segment to be rendered for a node. To create distinct templates for each node, differentiate the nodes using the ID property. The Shape property enables you to specify the type of node. For path nodes, set the shape to Path, and use the Data property to define the path to be drawn.

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