Skip to content

A quick start Blazor project that shows how to group nodes and connectors in a Blazor Diagram. This project includes a code snippet to create and update group dynamically. It also includes a code snippet to add annotations to the group and create a nested group.

Notifications You must be signed in to change notification settings

SyncfusionExamples/how-to-group-nodes-and-connectors-in-a-blazor-diagram

Repository files navigation

How to Group Nodes and Connectors in a Blazor Diagram

A quick start Blazor project that shows how to group nodes and connectors in a Blazor Diagram. This project includes a code snippet to create and update group dynamically. It also includes a code snippet to add annotations to the group and create a nested group.

Refer to the following documentation to learn about the Blazor Diagram component: https://blazor.syncfusion.com/documentation/diagram/group

Check out this online example of the Blazor Diagram component: https://blazor.syncfusion.com/demos/diagramcomponent/flowchart?theme=fluent

Watch the following video to get started with a Blazor Web Assembly app and add Syncfusion Blazor components to it: https://www.youtube.com/watch?v=zKU580cOqjg

Project prerequisites

Make sure that you have the compatible versions of Visual Studio 2022 and .NET Core SDK 7.0 or later version in your machine before starting to work on this project.

How to run this application

To run this application, you need to first clone the how-to-group-nodes-and-connectors-in-a-blazor-diagram repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output.

About

A quick start Blazor project that shows how to group nodes and connectors in a Blazor Diagram. This project includes a code snippet to create and update group dynamically. It also includes a code snippet to add annotations to the group and create a nested group.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published