diff --git a/blazor/diagram/constraints.md b/blazor/diagram/constraints.md
index 9597c75fa8..6b42f64a65 100644
--- a/blazor/diagram/constraints.md
+++ b/blazor/diagram/constraints.md
@@ -140,6 +140,7 @@ The [Constraints](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagra
|[Resize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.NodeConstraints.html#Syncfusion_Blazor_Diagram_NodeConstraints_Resize)|Enables or Disables the expansion or compression of a node.|
|[Inherit](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.NodeConstraints.html#Syncfusion_Blazor_Diagram_NodeConstraints_Inherit)|Enables the node to inherit the interaction option from the parent object.|
|[RoutingObstacle](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.NodeConstraints.html#Syncfusion_Blazor_Diagram_NodeConstraints_RoutingObstacle)|Enables or disables the node to be treated as obstacle while in routing.|
+|[AllowDragWithinSwimlane](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.NodeConstraints.html#Syncfusion_Blazor_Diagram_NodeConstraints_AllowDragWithinSwimlane)|Restricts the node's movement strictly within the boundaries of its assigned swimlane.|
|[Default](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.NodeConstraints.html#Syncfusion_Blazor_Diagram_NodeConstraints_Default)|Enables all default constraints for the node.|
The following example shows how to disable the `Rotate` constraint from the default node constraints.
diff --git a/blazor/diagram/swimlane/Swimlane-images/AllowDragWithinSwimlane.gif b/blazor/diagram/swimlane/Swimlane-images/AllowDragWithinSwimlane.gif
new file mode 100644
index 0000000000..a87c427ff2
Binary files /dev/null and b/blazor/diagram/swimlane/Swimlane-images/AllowDragWithinSwimlane.gif differ
diff --git a/blazor/diagram/swimlane/lane/interaction.md b/blazor/diagram/swimlane/lane/interaction.md
index ca757bf818..315f8a0502 100644
--- a/blazor/diagram/swimlane/lane/interaction.md
+++ b/blazor/diagram/swimlane/lane/interaction.md
@@ -47,3 +47,110 @@ The following image shows how to swap lanes.
The following image shows children interaction in lane.
+
+## How to restricts nodes from being dragged or repositioned outside their assigned swimlane
+
+To keep child nodes confined to their lane, set their Constraints to include AllowDragWithinSwimlane. By default, nodes can move freely. When AllowDragWithinSwimlane is applied, a node can be dragged only within the bounds of its owning lane; attempts to move it across lane or swimlane boundaries are blocked.
+
+The following example shows one node is restricted to its lane, while another remains unrestricted for comparison.
+
+```cshtml
+@using Syncfusion.Blazor.Diagram
+
+
+
+
+
+@code
+{
+ //Define diagram's swimlane collection
+ DiagramObjectCollection SwimlaneCollections = new DiagramObjectCollection();
+
+ protected override void OnInitialized()
+ {
+ // A swimlane is created and stored in the swimlanes collection.
+ Swimlane swimlane = new Swimlane()
+ {
+ Header = new SwimlaneHeader()
+ {
+ Annotation = new ShapeAnnotation()
+ {
+ Content = "SALES PROCESS FLOW CHART"
+ },
+ Height = 50,
+ },
+ OffsetX = 400,
+ OffsetY = 200,
+ Height = 120,
+ Width = 450,
+ Lanes = new DiagramObjectCollection()
+ {
+ new Lane(){Height = 100,
+ Header = new SwimlaneHeader(){
+ Width = 30,
+ Annotation = new ShapeAnnotation(){ Content = "Consumer" }
+ },
+ Children = new DiagramObjectCollection()
+ {
+ new Node()
+ {
+ Height = 50, Width = 50, LaneOffsetX = 100, LaneOffsetY = 30, Constraints = NodeConstraints.Default | NodeConstraints.AllowDragWithinSwimlane ,
+ Annotations = new DiagramObjectCollection()
+ {
+ new ShapeAnnotation()
+ {
+ Content="AllowDrag Within Swimlane",
+ Style= new TextStyle()
+ {
+ TextOverflow = TextOverflow.Wrap, TextWrapping = TextWrap.WrapWithOverflow
+ }
+ }
+ }
+ },
+ new Node(){Height = 50, Width = 50, LaneOffsetX = 250, LaneOffsetY = 30},
+ }
+ },
+ }
+ };
+ // Add swimlane
+ SwimlaneCollections.Add(swimlane);
+ }
+
+ private void OnNodeCreating(IDiagramObject obj)
+ {
+ if (obj is Swimlane swimlane)
+ {
+ swimlane.Header.Style = new TextStyle()
+ {
+ Fill = "#5b9bd5",
+ StrokeColor = "#5b9bd5"
+ };
+ foreach (Phase phase in swimlane.Phases)
+ {
+ phase.Style = new ShapeStyle() { Fill = "#5b9bd5", StrokeColor = "#5b9bd5" };
+ }
+ foreach (Lane lane in swimlane.Lanes)
+ {
+ lane.Header.Style = new TextStyle() { Fill = "#5b9bd5", StrokeColor = "#5b9bd5" };
+ }
+ }
+ else if (obj is Node node)
+ {
+ node.Style = new ShapeStyle()
+ {
+ Fill = "#5b9bd5",
+ StrokeColor = "#5b9bd5"
+ };
+ }
+ }
+}
+
+```
+A complete working sample can be downloaded from [GitHub](https://github.com/SyncfusionExamples/Blazor-Diagram-Examples/tree/master/UG-Samples/Nodes/ActionsofNodes/AddNode)
+
+
+
+>**Note:**
+* To confine a node to its owning lane, add NodeConstraints.AllowDragWithinSwimlane to the node’s Constraints property.
+* To apply this restriction to all child nodes within lanes, set the constraint during node initialization in the NodeCreating event.
+