Example of Symbol Palette in Blazor Diagram Component

Diagram / Getting Started / Symbol Palette

This example illustrates predefining shapes in a palette that can be easily dragged and dropped into the drawing area. Customizable options of the symbol palette are also illustrated in this example.

Loading Syncfusion Blazor Server Demos…

Properties
Expandable
Symbol Size
Header Icon
Item Text
Animation
Show Search TextBox

This example shows how to add shapes to the symbol palette and customize it. The Symbols is used to add shapes to the symbol palette. The SymbolWidth and SymbolHeight is used to define the size of the symbols.

In this example, options to enable/disable animation, show/hide symbol descriptions, show header icons and a search option that allows users to search for symbols based on their id and search tags.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE