Example of Nodes in Blazor Diagram Component

Diagram / Getting Started / Nodes

This sample visualizes the different stages of a software development life cycle using Nodes from the `SfDiagramComponent`. The example illustrates how to customize the appearance of these nodes.

Properties
Apply To
Appearance
Behavior

This example demonstrates how to add nodes to the diagram component and customize their appearance. Nodes are added to the diagram using the Nodes property. You can customize the nodes' appearance using the Style property. Click different styles in the property panel to change the appearance of a node.

The `Lock` option disables the resize, drag, and rotate operations for a node, while the `Aspect Ratio` option enables proportional resizing of nodes.

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