Sysml UseCases Entities
Actor
- Preview
- Usage
- Definition
import { Actor } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Actor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTOR } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, ACTOR)}
/>
{
_style: {
entity: 'shape=umlActor;html=1;verticalLabelPosition=bottom;verticalAlign=top;align=center;',
},
_width: 30,
_height: 60,
}
Actor 2
- Preview
- Usage
- Definition
import { Actor2 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Actor2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTOR_2 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, ACTOR_2)}
/>
{
_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: 40,
}
Extend with Condition
- Preview
- Usage
- Definition
import { ExtendWithCondition } from '@dinghy/diagrams/entitiesSysmlUsecases'
<ExtendWithCondition/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTEND_WITH_CONDITION } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, EXTEND_WITH_CONDITION)}
/>
{
_style: {
entity: 'shape=note;size=15;spacingLeft=5;align=left;whiteSpace=wrap;',
},
_width: 250,
_height: 80,
}
Extend with Condition 2
- Preview
- Usage
- Definition
import { ExtendWithCondition2 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<ExtendWithCondition2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTEND_WITH_CONDITION_2 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, EXTEND_WITH_CONDITION_2)}
/>
{
_style: {
entity: 'align=right;html=1;verticalAlign=bottom;rounded=0;labelBackgroundColor=none;endArrow=open;endSize=12;dashed=1;',
},
_width: 1,
_height: 80,
}
Extend with Condition 3
- Preview
- Usage
- Definition
import { ExtendWithCondition3 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<ExtendWithCondition3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTEND_WITH_CONDITION_3 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, EXTEND_WITH_CONDITION_3)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=none;rounded=0;labelBackgroundColor=none;dashed=1;exitX=0.5;exitY=1;',
},
_width: 2,
_height: 80,
}
Subject
- Preview
- Usage
- Definition
import { Subject } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Subject/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SUBJECT } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, SUBJECT)}
/>
{
_style: {
entity: 'shape=rect;html=1;verticalAlign=top;fontStyle=1;whiteSpace=wrap;align=center;',
},
_width: 120,
_height: 60,
}
Use Case
- Preview
- Usage
- Definition
import { UseCase } from '@dinghy/diagrams/entitiesSysmlUsecases'
<UseCase/>
// or
import { extendStyle } from "@dinghy/base-components";
import { USE_CASE } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, USE_CASE)}
/>
{
_style: {
entity: 'shape=ellipse;html=1;strokeWidth=3;fontStyle=1;whiteSpace=wrap;align=center;perimeter=ellipsePerimeter;',
},
_width: 120,
_height: 60,
}
Use Case 2
- Preview
- Usage
- Definition
import { UseCase2 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<UseCase2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { USE_CASE_2 } from '@dinghy/diagrams/entitiesSysmlUsecases'
<Shape
{...props}
_style={extendStyle(props, USE_CASE_2)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.useCaseExtPt;whiteSpace=wrap;align=center;',
},
_width: 0,
_height: 80,
}