Sysml Blocks Entities

Actor

Preview

Usage

import { Actor } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Actor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTOR } from '@dinghy/diagrams/entitiesSysmlBlocks'

<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/entitiesSysmlBlocks'

<Actor2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTOR_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap;align=center;',
  },
  _width: 160,
  _height: 80,
}

Block

Preview

Usage

import { Block } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Block/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOCK } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

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: 340,
}

Block Definition Diagram

Preview

Usage

import { BlockDefinitionDiagram } from '@dinghy/diagrams/entitiesSysmlBlocks'

<BlockDefinitionDiagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOCK_DEFINITION_DIAGRAM } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.package;labelX=120;align=left;spacingLeft=10;overflow=fill;recursiveResize=0;',
  },
  _width: 0,
  _height: 100,
}

Block Namespace Containment

Preview

Usage

import { BlockNamespaceContainment } from '@dinghy/diagrams/entitiesSysmlBlocks'

<BlockNamespaceContainment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOCK_NAMESPACE_CONTAINMENT } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;endSize=12;endArrow=sysMLPackCont;elbow=horizontal;rounded=0;align=left;verticalAlign=middle',
  },
  _width: 1,
  _height: 70,
}

Block Namespace Containment 2

Preview

Usage

import { BlockNamespaceContainment2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<BlockNamespaceContainment2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOCK_NAMESPACE_CONTAINMENT_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;verticalAlign=bottom;endArrow=none;rounded=0;',
  },
  _width: 2,
  _height: 70,
}

Connector Property

Preview

Usage

import { ConnectorProperty } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ConnectorProperty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONNECTOR_PROPERTY } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap;	recursiveResize=0;',
  },
  _width: 0,
  _height: 250,
}

Generalization Set

Preview

Usage

import { GeneralizationSet } from '@dinghy/diagrams/entitiesSysmlBlocks'

<GeneralizationSet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERALIZATION_SET } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'ellipse;html=1;fillColor=strokeColor;labelPosition=center;align=center;fontFamily=Helvetica;fontSize=11;fontColor=default;verticalAlign=top;verticalLabelPosition=bottom;',
  },
  _width: 140,
  _height: 50,
}

Generalization Set 2

Preview

Usage

import { GeneralizationSet2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<GeneralizationSet2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERALIZATION_SET_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=block;endFill=0;endSize=12;',
  },
  _width: 150,
  _height: 80,
}

Generalization Set 3

Preview

Usage

import { GeneralizationSet3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<GeneralizationSet3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERALIZATION_SET_3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=none;dashed=1;labelPosition=right;align=left;',
  },
  _width: 3,
  _height: 80,
}

Instance Specification

Preview

Usage

import { InstanceSpecification } from '@dinghy/diagrams/entitiesSysmlBlocks'

<InstanceSpecification/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTANCE_SPECIFICATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;overflow=fill;fontSize=15;whiteSpace=wrap;',
  },
  _width: 70,
  _height: 30,
}

Instance Specification 2

Preview

Usage

import { InstanceSpecification2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<InstanceSpecification2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTANCE_SPECIFICATION_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=open;endSize=12;edgeStyle=orthogonalEdgeStyle;',
  },
  _width: 2,
  _height: 30,
}

Instance Specification 3

Preview

Usage

import { InstanceSpecification3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<InstanceSpecification3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTANCE_SPECIFICATION_3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap;recursiveResize=0;',
  },
  _width: 0,
  _height: 180,
}

Internal Block Diagram

Preview

Usage

import { InternalBlockDiagram } from '@dinghy/diagrams/entitiesSysmlBlocks'

<InternalBlockDiagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERNAL_BLOCK_DIAGRAM } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.package;labelX=100;align=left;spacingLeft=10;html=1;overflow=fill;whiteSpace=wrap;recursiveResize=0;',
  },
  _width: 0,
  _height: 100,
}

Multibranch Generalization

Preview

Usage

import { MultibranchGeneralization } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchGeneralization/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_GENERALIZATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;endSize=12;endArrow=block;endFill=0;elbow=horizontal;rounded=0;labelBackgroundColor=default;fontFamily=Helvetica;fontSize=11;fontColor=default;shape=connector;',
  },
  _width: 1,
  _height: 50,
}

Multibranch Generalization 2

Preview

Usage

import { MultibranchGeneralization2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchGeneralization2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_GENERALIZATION_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;verticalAlign=bottom;endArrow=none;rounded=0;labelBackgroundColor=default;fontFamily=Helvetica;fontSize=11;fontColor=default;startSize=14;shape=connector;',
  },
  _width: 2,
  _height: 50,
}

Multibranch Part Association

Preview

Usage

import { MultibranchPartAssociation } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchPartAssociation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_PART_ASSOCIATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;ellipse;fillColor=strokeColor;fontFamily=Helvetica;fontSize=11;fontColor=default;',
  },
  _width: 250,
  _height: 50,
}

Multibranch Part Association 2

Preview

Usage

import { MultibranchPartAssociation2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchPartAssociation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_PART_ASSOCIATION_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;align=right;verticalAlign=bottom;endArrow=none;rounded=0;labelBackgroundColor=none;fontFamily=Helvetica;fontSize=11;fontColor=default;startSize=14;shape=connector;',
  },
  _width: 1,
  _height: 50,
}

Multibranch Part Association 3

Preview

Usage

import { MultibranchPartAssociation3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchPartAssociation3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_PART_ASSOCIATION_3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;align=right;verticalAlign=bottom;endArrow=none;rounded=0;labelBackgroundColor=none;fontFamily=Helvetica;fontSize=11;fontColor=default;startSize=14;shape=connector;',
  },
  _width: 2,
  _height: 50,
}

Multibranch Part Association 4

Preview

Usage

import { MultibranchPartAssociation4 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchPartAssociation4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_PART_ASSOCIATION_4 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;align=left;verticalAlign=bottom;endArrow=diamondThin;rounded=0;endFill=1;endSize=12;labelBackgroundColor=none;fontFamily=Helvetica;fontSize=11;fontColor=default;shape=connector;',
  },
  _width: 3,
  _height: 50,
}

Multibranch Shared Association

Preview

Usage

import { MultibranchSharedAssociation } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchSharedAssociation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_SHARED_ASSOCIATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;ellipse;fillColor=strokeColor;',
  },
  _width: 250,
  _height: 50,
}

Multibranch Shared Association 2

Preview

Usage

import { MultibranchSharedAssociation2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchSharedAssociation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_SHARED_ASSOCIATION_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=horizontal;align=right;verticalAlign=bottom;endArrow=none;rounded=0;labelBackgroundColor=none;',
  },
  _width: 1,
  _height: 50,
}

Multibranch Shared Association 3

Preview

Usage

import { MultibranchSharedAssociation3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchSharedAssociation3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_SHARED_ASSOCIATION_3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;align=right;verticalAlign=bottom;endArrow=none;rounded=0;labelBackgroundColor=none;',
  },
  _width: 2,
  _height: 50,
}

Multibranch Shared Association 4

Preview

Usage

import { MultibranchSharedAssociation4 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<MultibranchSharedAssociation4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIBRANCH_SHARED_ASSOCIATION_4 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;align=left;verticalAlign=bottom;endArrow=diamondThin;rounded=0;endFill=0;endSize=12;labelBackgroundColor=none;',
  },
  _width: 3,
  _height: 50,
}

Namespace Compartment

Preview

Usage

import { NamespaceCompartment } from '@dinghy/diagrams/entitiesSysmlBlocks'

<NamespaceCompartment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAMESPACE_COMPARTMENT } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;align=left;html=1;overflow=fill;whiteSpace=wrap;recursiveResize=0;',
  },
  _width: 0,
  _height: 100,
}

Package

Preview

Usage

import { Package } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Package/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.package;html=1;overflow=fill;whiteSpace=wrap;',
  },
  _width: 300,
  _height: 135,
}

Part Association

Preview

Usage

import { PartAssociation } from '@dinghy/diagrams/entitiesSysmlBlocks'

<PartAssociation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PART_ASSOCIATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=open;endSize=12;edgeStyle=orthogonalEdgeStyle;startFill=1;startSize=12;startArrow=diamondThin;',
  },
  _width: 250,
  _height: 0,
}

Part Association 2

Preview

Usage

import { PartAssociation2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<PartAssociation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PART_ASSOCIATION_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;startFill=1;startSize=12;startArrow=diamondThin;',
  },
  _width: 250,
  _height: 0,
}

Participant

Preview

Usage

import { Participant } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Participant/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;marginBottom=0;dashed=1;',
  },
  _width: 0,
  _height: 80,
}

Participant Property

Preview

Usage

import { ParticipantProperty } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ParticipantProperty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_PROPERTY } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;fontStyle=1;whiteSpace=wrap;align=center;',
  },
  _width: 400,
  _height: 140,
}

Participant Property 2

Preview

Usage

import { ParticipantProperty2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ParticipantProperty2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_PROPERTY_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=none;verticalAlign=bottom;',
  },
  _width: 3,
  _height: 140,
}

Participant Property 3

Preview

Usage

import { ParticipantProperty3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ParticipantProperty3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_PROPERTY_3 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=none;dashed=1;',
  },
  _width: 4,
  _height: 140,
}

Participant Property 4

Preview

Usage

import { ParticipantProperty4 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ParticipantProperty4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_PROPERTY_4 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;whiteSpace=wrap;',
  },
  _width: 2,
  _height: 80,
}

Participant Property 5

Preview

Usage

import { ParticipantProperty5 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ParticipantProperty5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_PROPERTY_5 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=none;endArrow=none;html=1;rounded=0;',
  },
  _width: 3,
  _height: 80,
}

Participant Property 6

Preview

Usage

import { ParticipantProperty6 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ParticipantProperty6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_PROPERTY_6 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=none;dashed=1;rounded=0;',
  },
  _width: 4,
  _height: 80,
}

Property

Preview

Usage

import { Property } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Property/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROPERTY } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;strokeWidth=2;whiteSpace=wrap;recursiveResize=0;',
  },
  _width: 0,
  _height: 120,
}

Property 2

Preview

Usage

import { Property2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Property2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROPERTY_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;strokeWidth=2;',
  },
  _width: 160,
  _height: 0,
}

Reference Association

Preview

Usage

import { ReferenceAssociation } from '@dinghy/diagrams/entitiesSysmlBlocks'

<ReferenceAssociation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REFERENCE_ASSOCIATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;',
  },
  _width: 250,
  _height: 0,
}

Relation

Preview

Usage

import { Relation } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Relation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RELATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'align=right;html=1;verticalAlign=bottom;endArrow=none;startArrow=diamondThin;startSize=14;startFill=1;edgeStyle=none;',
  },
  _width: 160,
  _height: 0,
}

Relation 2

Preview

Usage

import { Relation2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Relation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RELATION_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=none;startArrow=none;startSize=14;startFill=0;edgeStyle=orthogonalEdgeStyle;',
  },
  _width: 160,
  _height: 0,
}

Shared Association

Preview

Usage

import { SharedAssociation } from '@dinghy/diagrams/entitiesSysmlBlocks'

<SharedAssociation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHARED_ASSOCIATION } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=open;endSize=12;edgeStyle=orthogonalEdgeStyle;startFill=0;startSize=12;startArrow=diamondThin;',
  },
  _width: 250,
  _height: 0,
}

Shared Association 2

Preview

Usage

import { SharedAssociation2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

<SharedAssociation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHARED_ASSOCIATION_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;startFill=0;startSize=12;startArrow=diamondThin;',
  },
  _width: 250,
  _height: 0,
}

Unit

Preview

Usage

import { Unit } from '@dinghy/diagrams/entitiesSysmlBlocks'

<Unit/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNIT } from '@dinghy/diagrams/entitiesSysmlBlocks'

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

Definition

{
  _style: {
    entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap;',
  },
  _width: 200,
  _height: 60,
}