Blazor Diagram - Overview
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
- Overview.razor
The Diagram component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Description
The Blazor Diagram component displays relationships between objects or concepts, for example, an organizational hierarchy, or a process flow. The Diagram provides a variety of built-in shapes and horizontal and vertical layouts. The connections between the graph nodes can be one-directional, bi-directional, or non-directional. The component allows customizing the size, position, and geometric form of its elements.
This example uses a visual function to render each Shape programmatically, which allows you to display richer UI and multiple pieces of data in a single Shape. When using a visual function, the Diagram ignores all Shape parameters in the Razor markup (except Text), but you can still consume these settings from the visual function argument.