Example of User Handles in Angular Diagram Component

This sample visualizes a simple flow diagram along with options to execute the frequently used commands using user handles.

New idea identifiedMeeting with boardBoard decides \nwhether to proceedFind Project managerImplement and DeliverDecision process for new software ideasRejectHire new resources
Properties
Alignment
Appearance
Description

User handles are icons that are placed around the node to run the frequently used commands. This example shows how to render and configure user handles and how to interact with the diagram using user handles. The userHandles property of the selectedItems can be used to add user handles to the diagram. fixedUserHandleTemplate property of the diagram provides template support for customizing fixed user handles and we provide the HTML button to delete the node. Click the templates in the property panel, to customize the size, position, and appearance of the user handles.