Blazor Diagram Example - Port Configuration for Node Connections

This sample demonstrates using connection points for shape connectivity with customizable size and appearance for book publishing workflow visualization.

Port features:

• Define static connection ports using Ports property
• Position ports using Offset, HorizontalAlignment, VerticalAlignment, and Margin properties
• Customize appearance using Style property
• Control visibility via Visibility property
• Set connection direction with ConnectionDirection property