BPMN Data Object in Blazor Diagram Component

A BpmnDataObject represents data used or produced by a process—such as data collected, stored, passed into the process, or generated as output. To define a BpmnDataObject, set the node’s Shape property to BpmnDataObject, and use the DataObjectType property to specify whether the data is an input or output. Mark the data as a collection by setting the IsCollectiveData property of BpmnDataObject to true.

@using Syncfusion.Blazor.Diagram

@* Initialize the Diagram*@
<SfDiagramComponent Height="600px" Nodes="@_nodes" />

@code
{
    // Initialize the node collection with node.
    private DiagramObjectCollection<Node> _nodes;

    protected override void OnInitialized()
    {
        _nodes = new DiagramObjectCollection<Node>();
        Node node = new Node()
        {
            // Position of the node.
            OffsetX = 100,
            OffsetY = 100,
            // Size of the node.
            Width = 100,
            Height = 100,
            // Unique Id of the node.
            ID = "node1",
            // Sets shape to DataObject.
            Shape = new BpmnDataObject()
            {
                IsCollectiveData = true,
                DataObjectType = BpmnDataObjectType.None
            }
        };
        _nodes.Add(node);
    }
}

A complete working sample can be downloaded from GitHub

The following table describes the different types of BPMN Data Objects.

DataObjectType	Symbol	IsCollectiveData	Description
None			None of the business processes with the signified information collected within a DataObject
Input			Represents the data requirements on which the tasks in the business process depend on with the signified information collected within a DataObject
Output			Represents data produced by the business process with the signified information collected within a DataObject