Diagram / Getting Started / HTML Shapes

Example of NodeTemplate in Blazor Diagram Component

Loading Syncfusion Blazor Server Demos…

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
  • Enable template nodes
  • Define content using NodeTemplate
  • Create expense tracker with Chart and Grid components
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
Documentation
Forum
Blog
Knowledge Base
Copyright © 2001 - 2025 Syncfusion® Inc.