BPMN Data Store in Blazor Diagram Component

2 Feb 20261 minute to read

A data store is used to store or access data associated with a business process. To create a data store shape, the node property Shape should be set to BpmnDataStore. The following code example explains how to create a data store.

@using Syncfusion.Blazor.Diagram

@* Initialize 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 DataStore.
            Shape = new BpmnDataStore()
        };
        _nodes.Add(node);
    }
}

A complete working sample can be downloaded from GitHub