Skip to content

docs(Diagram): Add Diagram component documentation #3089

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 23 commits into from
Aug 4, 2025
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
docs(Diagram): Continued
  • Loading branch information
dimodi committed Jul 2, 2025
commit afe6e6c406b2c8ff190d191085a3242e9ec77052
28 changes: 27 additions & 1 deletion components/diagram/events.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,12 +19,38 @@ The Telerik Blazor Diagram fires events that are related to different user actio

The `OnConnectionClick` event fires when the user clicks on a connection, including the connection ends that rest on the shape boundaries. The event argument is of type [`DiagramConnectionClickEventArgs`](slug:Telerik.Blazor.Components.DiagramConnectionClickEventArgs) and it provides information about the linked shapes (if they exist) or about the connection coordinates (if set).

See the [example](#example) below.
>caption Using the Diagram OnConnectionClick event

````RAZOR.skip-repl
<TelerikDiagram OnConnectionClick="@OnDiagramConnectionClick" />

@code {
private void OnDiagramConnectionClick(DiagramConnectionClickEventArgs args)
{

}
}
````

Also see the [example](#example) below.

## OnShapeClick

The `OnShapeClick` event fires when the user clicks on a shape. The event argument is of type [`DiagramShapeClickEventArgs`](slug:Telerik.Blazor.Components.DiagramShapeClickEventArgs) and provides the shape `Id`.

>caption Using the Diagram OnShapeClick event

````RAZOR.skip-repl
<TelerikDiagram OnShapeClick="@OnDiagramShapeClick" />

@code {
private void OnDiagramShapeClick(DiagramShapeClickEventArgs args)
{

}
}
````

## Example

The following example demonstrates all Diagram events in action.
Expand Down
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy