All Demos / Diagram / Getting Started / Connectors

Example of Connectors 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
Properties
Apply To
Appearance
Behavior
Source Decorators
Target Decorators
Segment Shape

This sample illustrates data flow in a marketing process created using various connector types and decorators for customized visualization.

Connector features:

  • Add connectors using the Connectors property
  • Customize stroke style using the Style property
  • Add rounded corners using the CornerRadius property
  • Customize segment shapes using the Shape property for both Orthogonal and Bezier connectors
  • Lock option enables/disables connector editing
  • Property panel provides style customization options

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