Skip to content

A quick-start React app that shows how to add annotations to nodes and connectors in the Syncfusion React Diagram component. Also see how to customize the annotations using properties like horizontal alignment, vertical alignment, and offset.

Notifications You must be signed in to change notification settings

SyncfusionExamples/how-to-add-and-customize-annotations-in-nodes-and-connectors-in-react-diagram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

how-to-add-and-customize-annotations-in-nodes-and-connectors-in-react-diagram

A quick-start React app that shows how to add annotations to nodes and connectors in the Syncfusion React Diagram component. Also see how to customize the annotations using properties like horizontal alignment, vertical alignment, and offset.

Documentation: https://ej2.syncfusion.com/react/documentation/diagram/labels

Demo: https://ej2.syncfusion.com/react/demos/#/fluent2/diagram/getting-started-annotation

Project prerequisites

Make sure that you have the compatible versions of Visual Studio Code and NodeJS installed 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-add-and-customize-annotations-in-nodes-and-connectors-in-react-diagram repository and then open it in Visual Studio Code. Now, simply build and run your project using npm start command to view the output.

About

A quick-start React app that shows how to add annotations to nodes and connectors in the Syncfusion React Diagram component. Also see how to customize the annotations using properties like horizontal alignment, vertical alignment, and offset.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published