All Demos / Diagram / Getting Started / HTML Shapes

Example of NodeTemplate in Blazor Diagram Component

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

This sample demonstrates hosting HTML elements within nodes for creating complex custom node content like charts and grids.

Template implementation:

  • Host HTML controls inside nodes
  • Set HTML property to Type
  • Define content using NodeTemplate
  • Create expense tracker with Chart and Grid components

Looking for the full Blazor Diagram component overview, features, pricing, and documentation? Visit the Blazor Diagram page.