Eip Messaging Systems Entities
Message
- Preview
- Usage
- Definition
import { Message } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE)}
/>
{
_style: {
entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;exitX=0;exitY=0.5;endArrow=none;dashed=0;html=1;strokeColor=#808080;strokeWidth=2;',
},
_width: 28,
_height: 48,
}
Message 2
- Preview
- Usage
- Definition
import { Message2 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_2 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_2)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=ellipse;fillColor=#808080;strokeColor=none;',
},
_width: 2,
_height: 48,
}
Message 3
- Preview
- Usage
- Definition
import { Message3 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_3 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_3)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#80FF6C;strokeColor=#000000;fontStyle=1;html=1;whiteSpace=wrap;',
},
_width: 3,
_height: 48,
}
Message 4
- Preview
- Usage
- Definition
import { Message4 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_4 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_4)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#ff9900;strokeColor=#000000;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 4,
_height: 48,
}
Message 5
- Preview
- Usage
- Definition
import { Message5 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message5/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_5 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_5)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#80FF6C;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 2,
_height: 30,
}
Message 6
- Preview
- Usage
- Definition
import { Message6 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message6/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_6 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_6)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#ff9900;strokeColor=#000000;fontStyle=1;html=1;whiteSpace=wrap;',
},
_width: 2,
_height: 48,
}
Message 7
- Preview
- Usage
- Definition
import { Message7 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message7/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_7 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_7)}
/>
{
_style: {
entity: 'html=1;strokeWidth=2;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.message_1;fillColor=#ff5500;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 2,
_height: 30,
}
Message 8
- Preview
- Usage
- Definition
import { Message8 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Message8/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_8 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_8)}
/>
{
_style: {
entity: 'html=1;strokeWidth=2;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.message_2;fillColor=#00cc00;fontStyle=1;whiteSpace=wrap;html=1;',
},
_width: 2,
_height: 30,
}
Message Channel
- Preview
- Usage
- Definition
import { MessageChannel } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<MessageChannel/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_CHANNEL } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_CHANNEL)}
/>
{
_style: {
entity: 'strokeWidth=1;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.messageChannel;html=1;verticalLabelPosition=bottom;verticalAlign=top;',
},
_width: 100,
_height: 20,
}
Message Endpoint
- Preview
- Usage
- Definition
import { MessageEndpoint } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<MessageEndpoint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_ENDPOINT } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_ENDPOINT)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;verticalLabelPosition=bottom;verticalAlign=top;fillColor=#c0f5a9;html=1;',
},
_width: 0,
_height: 90,
}
Message Endpoint 2
- Preview
- Usage
- Definition
import { MessageEndpoint2 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<MessageEndpoint2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_ENDPOINT_2 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_ENDPOINT_2)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#c0f5a9;strokeColor=#000000;verticalLabelPosition=bottom;verticalAlign=top;html=1;',
},
_width: 400,
_height: 90,
}
Message Endpoint 3
- Preview
- Usage
- Definition
import { MessageEndpoint3 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<MessageEndpoint3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_ENDPOINT_3 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_ENDPOINT_3)}
/>
{
_style: {
entity: 'strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#c0f5a9;strokeColor=#000000;html=1;',
},
_width: 1,
_height: 90,
}
Message Endpoint 4
- Preview
- Usage
- Definition
import { MessageEndpoint4 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<MessageEndpoint4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_ENDPOINT_4 } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_ENDPOINT_4)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;strokeWidth=2;rounded=0;endArrow=block;startArrow=none;startSize=10;endSize=10;dashed=0;html=1;strokeColor=#808080;strokeWidth=2;',
},
_width: 2,
_height: 90,
}
Message Router
- Preview
- Usage
- Definition
import { MessageRouter } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<MessageRouter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_ROUTER } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_ROUTER)}
/>
{
_style: {
entity: 'html=1;strokeWidth=2;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.content_based_router;verticalLabelPosition=bottom;verticalAlign=top;fillColor=#c0f5a9;',
},
_width: 150,
_height: 90,
}
Message-Translator
- Preview
- Usage
- Definition
import { MessageTranslator } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<MessageTranslator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_TRANSLATOR } from '@dinghy/diagrams/entitiesEipMessagingSystems'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_TRANSLATOR)}
/>
{
_style: {
entity: 'html=1;strokeWidth=2;outlineConnect=0;dashed=0;align=center;fontSize=8;shape=mxgraph.eip.message_translator;fillColor=#c0f5a9;verticalLabelPosition=bottom;verticalAlign=top;',
},
_width: 150,
_height: 90,
}