Uml UML 2.5 Containers

Activity Partition 2

Preview

Usage

import { ActivityPartition2 } from '@dinghy/diagrams/containersUml25'

<ActivityPartition2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTIVITY_PARTITION_2 } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, ACTIVITY_PARTITION_2)}
  />

Definition

{
  _style: {
    container: 'shape=table;html=1;whiteSpace=wrap;startSize=20;container=1;collapsible=0;childLayout=tableLayout;fillColor=none;swimlaneFillColor=#ffffff;strokeColor=none;',
    entity:{
      },
    },
}

Classifier 6

Preview

Usage

import { Classifier6 } from '@dinghy/diagrams/containersUml25'

<Classifier6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIFIER_6 } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, CLASSIFIER_6)}
  />

Definition

{
  _style: {
    container: 'shape=ellipse;container=1;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;html=1;dashed=1;collapsible=0;',
    },
}

Classifier 7

Preview

Usage

import { Classifier7 } from '@dinghy/diagrams/containersUml25'

<Classifier7/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIFIER_7 } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, CLASSIFIER_7)}
  />

Definition

{
  _style: {
    container: 'shape=ellipse;container=1;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;html=1;dashed=0;collapsible=0;',
    },
}

Diagram

Preview

Usage

import { Diagram } from '@dinghy/diagrams/containersUml25'

<Diagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIAGRAM } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, DIAGRAM)}
  />

Definition

{
  _style: {
    container: 'shape=umlFrame;whiteSpace=wrap;html=1;pointerEvents=0;recursiveResize=0;container=1;collapsible=0;width=160;',
    },
}

Interaction

Preview

Usage

import { Interaction } from '@dinghy/diagrams/containersUml25'

<Interaction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERACTION } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, INTERACTION)}
  />

Definition

{
  _style: {
    container: 'shape=umlFrame;whiteSpace=wrap;html=1;pointerEvents=0;recursiveResize=0;container=1;collapsible=0;width=170;',
    },
}

Interaction 2

Preview

Usage

import { Interaction2 } from '@dinghy/diagrams/containersUml25'

<Interaction2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERACTION_2 } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, INTERACTION_2)}
  />

Definition

{
  _style: {
    container: 'shape=umlFrame;whiteSpace=wrap;html=1;pointerEvents=0;recursiveResize=0;container=1;collapsible=0;width=50;',
    },
}

Lifeline Continuation 2

Preview

Usage

import { LifelineContinuation2 } from '@dinghy/diagrams/containersUml25'

<LifelineContinuation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIFELINE_CONTINUATION_2 } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, LIFELINE_CONTINUATION_2)}
  />

Definition

{
  _style: {
    container: 'shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={"curved":0,"rounded":0};',
    },
}

Lifelines

Preview

Usage

import { Lifelines } from '@dinghy/diagrams/containersUml25'

<Lifelines/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIFELINES } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, LIFELINES)}
  />

Definition

{
  _style: {
    container: 'shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={"edgeStyle":"elbowEdgeStyle","elbow":"vertical","curved":0,"rounded":0};',
    },
}

Package 2

Preview

Usage

import { Package2 } from '@dinghy/diagrams/containersUml25'

<Package2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE_2 } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, PACKAGE_2)}
  />

Definition

{
  _style: {
    container: 'shape=folder;fontStyle=1;tabWidth=110;tabHeight=30;tabPosition=left;html=1;boundedLbl=1;labelInHeader=1;container=1;collapsible=0;recursiveResize=0;whiteSpace=wrap;',
    },
}

Package 3

Preview

Usage

import { Package3 } from '@dinghy/diagrams/containersUml25'

<Package3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE_3 } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, PACKAGE_3)}
  />

Definition

{
  _style: {
    container: 'shape=folder;fontStyle=1;tabWidth=110;tabHeight=30;tabPosition=left;html=1;boundedLbl=1;labelInHeader=1;container=1;collapsible=0;whiteSpace=wrap;',
    },
}

Stereotype

Preview

Usage

import { Stereotype } from '@dinghy/diagrams/containersUml25'

<Stereotype/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STEREOTYPE } from '@dinghy/diagrams/containersUml25'

<Shape 
  {...props}
  _style={extendStyle(props, STEREOTYPE)}
  />

Definition

{
  _style: {
    container: 'shape=note2;size=25;childLayout=stackLayout;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;html=1;container=1;',
    },
}