A quick-start React project that shows how to add and customize the symbol palette in the Syncfusion® React Diagram component. This project also includes code snippets for restricting the symbol palette's panel, customizing its symbol size, and customizing the symbol preview size.
Documentation: https://ej2.syncfusion.com/react/documentation/diagram/getting-started#dependencies
Demo: https://ej2.syncfusion.com/react/demos/#/material3/diagram/default-functionality
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-the-symbol-palette-to-a-react-diagram-component
repository and then open it in Visual Studio Code. Now, simply build and run your project using npm start
command to view the output.