Sysml Activities Entities
Accept Event Action
- Preview
- Usage
- Definition
import { AcceptEventAction } from '@dinghy/diagrams/entitiesSysmlActivities'
<AcceptEventAction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACCEPT_EVENT_ACTION } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, ACCEPT_EVENT_ACTION)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.accEvent;strokeWidth=2;whiteSpace=wrap;align=center;',
},
_width: 100,
_height: 60,
}
Action
- Preview
- Usage
- Definition
import { Action } from '@dinghy/diagrams/entitiesSysmlActivities'
<Action/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTION } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, ACTION)}
/>
{
_style: {
entity: 'shape=rect;html=1;rounded=1;whiteSpace=wrap;align=center;',
},
_width: 160,
_height: 80,
}
Activity Final
- Preview
- Usage
- Definition
import { ActivityFinal } from '@dinghy/diagrams/entitiesSysmlActivities'
<ActivityFinal/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTIVITY_FINAL } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, ACTIVITY_FINAL)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.actFinal;strokeWidth=2;verticalLabelPosition=bottom;verticalAlignment=top;',
},
_original_width: 40,
_original_height: 40,
}
Activity Parameter Node
- Preview
- Usage
- Definition
import { ActivityParameterNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<ActivityParameterNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTIVITY_PARAMETER_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, ACTIVITY_PARAMETER_NODE)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.actParamNode;align=left;spacingLeft=15;verticalAlign=top;spacingTop=-3;',
},
_width: 300,
_height: 135,
}
Activity Partition
- Preview
- Usage
- Definition
import { ActivityPartition } from '@dinghy/diagrams/entitiesSysmlActivities'
<ActivityPartition/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTIVITY_PARTITION } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, ACTIVITY_PARTITION)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.actPart;strokeWidth=3;verticalAlign=top;rotation=-90;whiteSpace=wrap;',
},
_original_width: 100,
_original_height: 100,
}
Activity Partition 2
- Preview
- Usage
- Definition
import { ActivityPartition2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ActivityPartition2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTIVITY_PARTITION_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, ACTIVITY_PARTITION_2)}
/>
{
_style: {
entity: 'shape=rect;html=1;rounded=1;strokeWidth=2;verticalAlign=top;whiteSpace=wrap;align=center;',
},
_width: 140,
_height: 50,
}
Call Behavior Action
- Preview
- Usage
- Definition
import { CallBehaviorAction } from '@dinghy/diagrams/entitiesSysmlActivities'
<CallBehaviorAction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CALL_BEHAVIOR_ACTION } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, CALL_BEHAVIOR_ACTION)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.callBehAct;whiteSpace=wrap;align=center;',
},
_width: 160,
_height: 80,
}
Control Flow
- Preview
- Usage
- Definition
import { ControlFlow } from '@dinghy/diagrams/entitiesSysmlActivities'
<ControlFlow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTROL_FLOW } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, CONTROL_FLOW)}
/>
{
_style: {
entity: 'shape=rect;html=1;rounded=1;whiteSpace=wrap;',
},
_width: 0,
_height: 60,
}
Control Flow 2
- Preview
- Usage
- Definition
import { ControlFlow2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ControlFlow2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTROL_FLOW_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, CONTROL_FLOW_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;endArrow=open;labelBackgroundColor=none;endSize=12;',
},
_width: 2,
_height: 60,
}
Control Flow 3
- Preview
- Usage
- Definition
import { ControlFlow3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ControlFlow3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTROL_FLOW_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, CONTROL_FLOW_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;endArrow=open;labelBackgroundColor=none;dashed=1;endSize=12;',
},
_width: 2,
_height: 60,
}
Control Operator
- Preview
- Usage
- Definition
import { ControlOperator } from '@dinghy/diagrams/entitiesSysmlActivities'
<ControlOperator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTROL_OPERATOR } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, CONTROL_OPERATOR)}
/>
{
_style: {
entity: 'shape=rect;rounded=1;html=1;whiteSpace=wrap;align=center;',
},
_width: 160,
_height: 80,
}
Control Operator 2
- Preview
- Usage
- Definition
import { ControlOperator2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ControlOperator2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTROL_OPERATOR_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, CONTROL_OPERATOR_2)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.package;align=left;spacingLeft=5;verticalAlign=top;spacingTop=-3;labelX=135;html=1;overflow=fill;',
},
_width: 250,
_height: 120,
}
Decision Node
- Preview
- Usage
- Definition

import { DecisionNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<DecisionNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DECISION_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, DECISION_NODE)}
/>
{
_style: {
entity: 'shape=rhombus;html=1;verticalLabelPosition=bottom;verticalAlignment=top;',
},
_width: 200,
_height: 80,
}
Decision Node 2
- Preview
- Usage
- Definition
import { DecisionNode2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<DecisionNode2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DECISION_NODE_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, DECISION_NODE_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;align=right;verticalAlign=bottom;endArrow=none;rounded=0;labelBackgroundColor=none;startArrow=open;startSize=12;',
},
_width: 1,
_height: 80,
}
Decision Node 3
- Preview
- Usage
- Definition
import { DecisionNode3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<DecisionNode3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DECISION_NODE_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, DECISION_NODE_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;verticalAlign=bottom;endArrow=open;rounded=0;labelBackgroundColor=none;endSize=12;',
},
_width: 2,
_height: 80,
}
Flow Final
- Preview
- Usage
- Definition
import { FlowFinal } from '@dinghy/diagrams/entitiesSysmlActivities'
<FlowFinal/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FLOW_FINAL } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, FLOW_FINAL)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.flowFinal;strokeWidth=2;verticalLabelPosition=bottom;verticalAlignment=top;',
},
_original_width: 40,
_original_height: 40,
}
Fork Node
- Preview
- Usage
- Definition
import { ForkNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<ForkNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FORK_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, FORK_NODE)}
/>
{
_style: {
entity: 'shape=rect;html=1;fillColor=strokeColor;verticalLabelPosition=bottom;verticalAlignment=top;',
},
_width: 200,
_height: 80,
}
Fork Node 2
- Preview
- Usage
- Definition
import { ForkNode2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ForkNode2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FORK_NODE_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, FORK_NODE_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;endArrow=none;rounded=0;startArrow=open;strokeWidth=3;startSize=12;',
},
_width: 1,
_height: 80,
}
Fork Node 3
- Preview
- Usage
- Definition
import { ForkNode3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ForkNode3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FORK_NODE_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, FORK_NODE_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;endArrow=open;rounded=0;strokeWidth=3;endSize=12;',
},
_width: 2,
_height: 80,
}
In Block Definition Diagrams, Activity, Association
- Preview
- Usage
- Definition
import { InBlockDefinitionDiagramsActivityAssociation } from '@dinghy/diagrams/entitiesSysmlActivities'
<InBlockDefinitionDiagramsActivityAssociation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IN_BLOCK_DEFINITION_DIAGRAMS_ACTIVITY_ASSOCIATION } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IN_BLOCK_DEFINITION_DIAGRAMS_ACTIVITY_ASSOCIATION)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.package;labelX=45;align=left;spacingLeft=5;verticalAlign=top;spacingTop=-3;fontStyle=1;strokeWidth=1;recursiveResize=0;',
},
_width: 0,
_height: 250,
}
Initial Node
- Preview
- Usage
- Definition
import { InitialNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<InitialNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INITIAL_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, INITIAL_NODE)}
/>
{
_style: {
entity: 'shape=ellipse;html=1;fillColor=strokeColor;strokeWidth=2;verticalLabelPosition=bottom;verticalAlignment=top;perimeter=ellipsePerimeter;',
},
_original_width: 40,
_original_height: 40,
}
Interruptible Activity Region
- Preview
- Usage
- Definition
import { InterruptibleActivityRegion } from '@dinghy/diagrams/entitiesSysmlActivities'
<InterruptibleActivityRegion/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INTERRUPTIBLE_ACTIVITY_REGION } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, INTERRUPTIBLE_ACTIVITY_REGION)}
/>
{
_style: {
entity: 'shape=rect;html=1;rounded=1;verticalAlign=top;dashed=1;strokeWidth=2;whiteSpace=wrap;align=center;',
},
_width: 0,
_height: 60,
}
Interruptible Activity Region 2
- Preview
- Usage
- Definition
import { InterruptibleActivityRegion2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<InterruptibleActivityRegion2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INTERRUPTIBLE_ACTIVITY_REGION_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, INTERRUPTIBLE_ACTIVITY_REGION_2)}
/>
{
_style: {
entity: 'shape=mxgraph.lean_mapping.electronic_info_flow_edge;html=1;edgeStyle=none;align=center;verticalAlign=bottom;exitX=1;exitY=0.5;fillColor=#ffffff;',
},
_width: 1,
_height: 60,
}
Is Control
- Preview
- Usage
- Definition
import { IsControl } from '@dinghy/diagrams/entitiesSysmlActivities'
<IsControl/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IS_CONTROL } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IS_CONTROL)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.isControl;whiteSpace=wrap;align=center;',
},
_width: 300,
_height: 60,
}
Is Control 2
- Preview
- Usage
- Definition
import { IsControl2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<IsControl2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IS_CONTROL_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IS_CONTROL_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;startArrow=open;rounded=0;endArrow=none;verticalAlign=bottom;exitX=0;exitY=0.5;startSize=12;',
},
_width: 1,
_height: 60,
}
Is Control 3
- Preview
- Usage
- Definition
import { IsControl3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<IsControl3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IS_CONTROL_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IS_CONTROL_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;endArrow=open;rounded=0;verticalAlign=bottom;entryX=0;entryY=0.5;endSize=12;',
},
_width: 2,
_height: 60,
}
Is Stream
- Preview
- Usage
- Definition
import { IsStream } from '@dinghy/diagrams/entitiesSysmlActivities'
<IsStream/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IS_STREAM } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IS_STREAM)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.isStream;whiteSpace=wrap;align=center;',
},
_width: 300,
_height: 60,
}
Is Stream 2
- Preview
- Usage
- Definition
import { IsStream2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<IsStream2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IS_STREAM_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IS_STREAM_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;startArrow=open;rounded=0;endArrow=none;exitX=0;exitY=0.5;startSize=12;',
},
_width: 1,
_height: 60,
}
Is Stream 3
- Preview
- Usage
- Definition
import { IsStream3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<IsStream3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IS_STREAM_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IS_STREAM_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;endArrow=open;rounded=0;entryX=0;entryY=0.5;endSize=12;',
},
_width: 2,
_height: 60,
}
Is Stream 4
- Preview
- Usage
- Definition
import { IsStream4 } from '@dinghy/diagrams/entitiesSysmlActivities'
<IsStream4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IS_STREAM_4 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, IS_STREAM_4)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.isActStream;align=left;spacingLeft=5;verticalAlign=top;spacingTop=-3;whiteSpace=wrap;',
},
_width: 0,
_height: 100,
}
Join Node
- Preview
- Usage
- Definition
import { JoinNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<JoinNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { JOIN_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, JOIN_NODE)}
/>
{
_style: {
entity: 'shape=rect;html=1;fillColor=strokeColor;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;',
},
_width: 200,
_height: 80,
}
Join Node 2
- Preview
- Usage
- Definition
import { JoinNode2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<JoinNode2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { JOIN_NODE_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, JOIN_NODE_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;rounded=0;endArrow=open;strokeWidth=3;endSize=12;',
},
_width: 1,
_height: 80,
}
Join Node 3
- Preview
- Usage
- Definition
import { JoinNode3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<JoinNode3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { JOIN_NODE_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, JOIN_NODE_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;startArrow=open;endArrow=none;rounded=0;strokeWidth=3;startSize=12;',
},
_width: 2,
_height: 80,
}
Local Pre- and Postconditions
- Preview
- Usage
- Definition
import { LocalPreAndPostconditions } from '@dinghy/diagrams/entitiesSysmlActivities'
<LocalPreAndPostconditions/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOCAL_PRE_AND_POSTCONDITIONS } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, LOCAL_PRE_AND_POSTCONDITIONS)}
/>
{
_style: {
entity: 'shape=note;html=1;size=15;strokeWidth=2;align=left;spacingLeft=5;whiteSpace=wrap;align=center;',
},
_width: 150,
_height: 180,
}
Local Pre- and Postconditions 2
- Preview
- Usage
- Definition
import { LocalPreAndPostconditions2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<LocalPreAndPostconditions2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOCAL_PRE_AND_POSTCONDITIONS_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, LOCAL_PRE_AND_POSTCONDITIONS_2)}
/>
{
_style: {
entity: 'shape=rect;html=1;rounded=1;strokeWidth=2;whiteSpace=wrap;align=center;',
},
_width: 1,
_height: 180,
}
Local Pre- and Postconditions 3
- Preview
- Usage
- Definition
import { LocalPreAndPostconditions3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<LocalPreAndPostconditions3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOCAL_PRE_AND_POSTCONDITIONS_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, LOCAL_PRE_AND_POSTCONDITIONS_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;rounded=0;endArrow=none;',
},
_width: 3,
_height: 180,
}
Merge Node
- Preview
- Usage
- Definition

import { MergeNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<MergeNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MERGE_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, MERGE_NODE)}
/>
{
_style: {
entity: 'shape=rhombus;html=1;verticalLabelPosition=top;verticalAlignment=bottom;',
},
_width: 200,
_height: 80,
}
Merge Node 2
- Preview
- Usage
- Definition
import { MergeNode2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<MergeNode2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MERGE_NODE_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, MERGE_NODE_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;align=right;verticalAlign=bottom;rounded=0;labelBackgroundColor=none;endArrow=open;endSize=12;',
},
_width: 1,
_height: 80,
}
Merge Node 3
- Preview
- Usage
- Definition
import { MergeNode3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<MergeNode3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MERGE_NODE_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, MERGE_NODE_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;verticalAlign=bottom;startArrow=open;endArrow=none;rounded=0;labelBackgroundColor=none;startSize=12;',
},
_width: 2,
_height: 80,
}
Object Flow
- Preview
- Usage
- Definition
import { ObjectFlow } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectFlow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_FLOW } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_FLOW)}
/>
{
_style: {
entity: 'shape=rect;html=1;rounded=1;strokeWidth=2;whiteSpace=wrap;',
},
_width: 260,
_height: 60,
}
Object Flow 2
- Preview
- Usage
- Definition
import { ObjectFlow2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectFlow2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_FLOW_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_FLOW_2)}
/>
{
_style: {
entity: 'shape=rect;html=1;strokeWidth=2;whiteSpace=wrap;',
},
_width: 1,
_height: 60,
}
Object Flow 3
- Preview
- Usage
- Definition
import { ObjectFlow3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectFlow3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_FLOW_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_FLOW_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;endArrow=open;labelBackgroundColor=none;strokeWidth=2;endSize=12;',
},
_width: 3,
_height: 60,
}
Object Flow 4
- Preview
- Usage
- Definition
import { ObjectFlow4 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectFlow4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_FLOW_4 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_FLOW_4)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.objFlowR;strokeWidth=2;whiteSpace=wrap;',
},
_width: 0,
_height: 60,
}
Object Flow 5
- Preview
- Usage
- Definition
import { ObjectFlow5 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectFlow5/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_FLOW_5 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_FLOW_5)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.objFlowL;strokeWidth=2;whiteSpace=wrap;',
},
_width: 1,
_height: 60,
}
Object Flow 6
- Preview
- Usage
- Definition
import { ObjectFlow6 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectFlow6/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_FLOW_6 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_FLOW_6)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.objFlowR;whiteSpace=wrap;',
},
_width: 120,
_height: 60,
}
Object Flow 7
- Preview
- Usage
- Definition
import { ObjectFlow7 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectFlow7/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_FLOW_7 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_FLOW_7)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.objFlowL;whiteSpace=wrap;',
},
_width: 120,
_height: 60,
}
Object Node
- Preview
- Usage
- Definition
import { ObjectNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<ObjectNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OBJECT_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OBJECT_NODE)}
/>
{
_style: {
entity: 'shape=rect;html=1;whiteSpace=wrap;align=center;',
},
_width: 160,
_height: 80,
}
Optional
- Preview
- Usage
- Definition
import { Optional } from '@dinghy/diagrams/entitiesSysmlActivities'
<Optional/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OPTIONAL } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, OPTIONAL)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.isActStream;align=left;spacingLeft=5;verticalAlign=top;spacingTop=-3;fontStyle=1;',
},
_width: 0,
_height: 100,
}
Parameter Set
- Preview
- Usage
- Definition
import { ParameterSet } from '@dinghy/diagrams/entitiesSysmlActivities'
<ParameterSet/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PARAMETER_SET } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PARAMETER_SET)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.paramSet;whiteSpace=wrap;align=center;',
},
_width: 160,
_height: 100,
}
Parameter Set 2
- Preview
- Usage
- Definition
import { ParameterSet2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<ParameterSet2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PARAMETER_SET_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PARAMETER_SET_2)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.paramActSet;align=left;spacingLeft=15;verticalAlign=top;spacingTop=-3;fontStyle=1;',
},
_width: 250,
_height: 120,
}
Probability
- Preview
- Usage
- Definition
import { Probability } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.probability;whiteSpace=wrap;align=center;',
},
_width: 120,
_height: 160,
}
Probability 2
- Preview
- Usage
- Definition
import { Probability2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_2)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.actProb;align=left;spacingLeft=5;verticalAlign=top;spacingTop=-3;fontStyle=1;',
},
_width: 120,
_height: 160,
}
Probability 3
- Preview
- Usage
- Definition

import { Probability3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_3)}
/>
{
_style: {
entity: 'shape=rhombus;html=1;whiteSpace=wrap;verticalLabelPosition=bottom;verticalAlignment=top;',
},
_width: 350,
_height: 80,
}
Probability 4
- Preview
- Usage
- Definition
import { Probability4 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_4 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_4)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.objFlowR;whiteSpace=wrap;align=center;',
},
_width: 250,
_height: 60,
}
Probability 5
- Preview
- Usage
- Definition
import { Probability5 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability5/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_5 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_5)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;align=center;verticalAlign=bottom;endArrow=open;endSize=12;exitX=1;exitY=0.5;fillColor=#ffffff;labelBackgroundColor=none;',
},
_width: 1,
_height: 60,
}
Probability 6
- Preview
- Usage
- Definition
import { Probability6 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability6/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_6 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_6)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;align=center;verticalAlign=top;endArrow=open;endSize=12;exitX=1;exitY=0.5;fillColor=#ffffff;labelBackgroundColor=none;',
},
_width: 2,
_height: 60,
}
Probability 7
- Preview
- Usage
- Definition
import { Probability7 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability7/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_7 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_7)}
/>
{
_style: {
entity: 'shape=rect;whiteSpace=wrap;align=center;html=1;',
},
_width: 250,
_height: 60,
}
Probability 8
- Preview
- Usage
- Definition
import { Probability8 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability8/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_8 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_8)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;align=center;verticalAlign=bottom;endArrow=open;endSize=12;exitX=1;exitY=0.3;fillColor=#ffffff;labelBackgroundColor=none;rounded=0;',
},
_width: 1,
_height: 60,
}
Probability 9
- Preview
- Usage
- Definition
import { Probability9 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Probability9/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROBABILITY_9 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, PROBABILITY_9)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;align=center;verticalAlign=top;endArrow=open;endSize=12;exitX=1;exitY=0.7;fillColor=#ffffff;labelBackgroundColor=none;rounded=0;',
},
_width: 2,
_height: 60,
}
Rate
- Preview
- Usage
- Definition
import { Rate } from '@dinghy/diagrams/entitiesSysmlActivities'
<Rate/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RATE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, RATE)}
/>
{
_style: {
entity: 'fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;marginBottom=0;',
},
_width: 0,
_height: 60,
}
Rate 2
- Preview
- Usage
- Definition
import { Rate2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Rate2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RATE_2 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, RATE_2)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;startArrow=open;rounded=0;endArrow=none;verticalAlign=top;exitX=0;exitY=0.5;labelBackgroundColor=none;startSize=12;',
},
_width: 1,
_height: 60,
}
Rate 3
- Preview
- Usage
- Definition
import { Rate3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Rate3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RATE_3 } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, RATE_3)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;endArrow=open;rounded=0;verticalAlign=top;entryX=0;entryY=0.5;labelBackgroundColor=none;endSize=12;',
},
_width: 2,
_height: 60,
}
Send Signal Action
- Preview
- Usage
- Definition
import { SendSignalAction } from '@dinghy/diagrams/entitiesSysmlActivities'
<SendSignalAction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEND_SIGNAL_ACTION } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, SEND_SIGNAL_ACTION)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.sendSigAct;strokeWidth=2;whiteSpace=wrap;align=center;',
},
_width: 100,
_height: 60,
}
Structured Activity Node
- Preview
- Usage
- Definition
import { StructuredActivityNode } from '@dinghy/diagrams/entitiesSysmlActivities'
<StructuredActivityNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STRUCTURED_ACTIVITY_NODE } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, STRUCTURED_ACTIVITY_NODE)}
/>
{
_style: {
entity: 'shape=rect;html=1;rounded=1;dashed=1;strokeWidth=2;verticalAlign=top;whiteSpace=wrap;align=center;',
},
_width: 160,
_height: 60,
}
Time Event
- Preview
- Usage
- Definition
import { TimeEvent } from '@dinghy/diagrams/entitiesSysmlActivities'
<TimeEvent/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIME_EVENT } from '@dinghy/diagrams/entitiesSysmlActivities'
<Shape
{...props}
_style={extendStyle(props, TIME_EVENT)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.timeEvent;strokeWidth=2;verticalLabelPosition=bottom;verticalAlignment=top;',
},
_width: 35,
_height: 40,
}