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
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.
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.