Sysml UseCases Entities

Actor

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'shape=umlActor;html=1;verticalLabelPosition=bottom;verticalAlign=top;align=center;',
  },
  _width: 30,
  _height: 60,
}

Actor 2

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'shape=note;size=15;spacingLeft=5;align=left;whiteSpace=wrap;',
  },
  _width: 250,
  _height: 80,
}

Extend with Condition 2

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'shape=rect;html=1;verticalAlign=top;fontStyle=1;whiteSpace=wrap;align=center;',
  },
  _width: 120,
  _height: 60,
}

Use Case

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.useCaseExtPt;whiteSpace=wrap;align=center;',
  },
  _width: 0,
  _height: 80,
}