Skip to content

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.

Notifications You must be signed in to change notification settings

SyncfusionExamples/how-to-add-the-symbol-palette-to-a-react-diagram-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to Add the Symbol Palette to a React Diagram Component

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

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •