Sysml Blocks Entities
Actor
- Preview
- Usage
- Definition
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)}
/>
{
_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/entitiesSysmlBlocks'
<Actor2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACTOR_2 } from '@dinghy/diagrams/entitiesSysmlBlocks'
<Shape
{...props}
_style={extendStyle(props, ACTOR_2)}
/>
{
_style: {
entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap;align=center;',
},
_width: 160,
_height: 80,
}
Block
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;html=1;elbow=vertical;verticalAlign=bottom;endArrow=none;rounded=0;',
},
_width: 2,
_height: 70,
}
Connector Property
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap; recursiveResize=0;',
},
_width: 0,
_height: 250,
}
Generalization Set
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=block;endFill=0;endSize=12;',
},
_width: 150,
_height: 80,
}
Generalization Set 3
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=none;dashed=1;labelPosition=right;align=left;',
},
_width: 3,
_height: 80,
}
Instance Specification
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;html=1;overflow=fill;fontSize=15;whiteSpace=wrap;',
},
_width: 70,
_height: 30,
}
Instance Specification 2
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'verticalAlign=bottom;html=1;endArrow=open;endSize=12;edgeStyle=orthogonalEdgeStyle;',
},
_width: 2,
_height: 30,
}
Instance Specification 3
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap;recursiveResize=0;',
},
_width: 0,
_height: 180,
}
Internal Block Diagram
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'verticalAlign=bottom;html=1;ellipse;fillColor=strokeColor;',
},
_width: 250,
_height: 50,
}
Multibranch Shared Association 2
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;align=left;html=1;overflow=fill;whiteSpace=wrap;recursiveResize=0;',
},
_width: 0,
_height: 100,
}
Package
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.package;html=1;overflow=fill;whiteSpace=wrap;',
},
_width: 300,
_height: 135,
}
Part Association
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;startFill=1;startSize=12;startArrow=diamondThin;',
},
_width: 250,
_height: 0,
}
Participant
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;html=1;fontStyle=1;whiteSpace=wrap;align=center;',
},
_width: 400,
_height: 140,
}
Participant Property 2
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=none;verticalAlign=bottom;',
},
_width: 3,
_height: 140,
}
Participant Property 3
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=none;dashed=1;',
},
_width: 4,
_height: 140,
}
Participant Property 4
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;html=1;whiteSpace=wrap;',
},
_width: 2,
_height: 80,
}
Participant Property 5
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'edgeStyle=none;endArrow=none;html=1;rounded=0;',
},
_width: 3,
_height: 80,
}
Participant Property 6
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=none;dashed=1;rounded=0;',
},
_width: 4,
_height: 80,
}
Property
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;html=1;strokeWidth=2;whiteSpace=wrap;recursiveResize=0;',
},
_width: 0,
_height: 120,
}
Property 2
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;strokeWidth=2;',
},
_width: 160,
_height: 0,
}
Reference Association
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;',
},
_width: 250,
_height: 0,
}
Relation
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'verticalAlign=bottom;html=1;endArrow=none;startArrow=none;startSize=14;startFill=0;edgeStyle=orthogonalEdgeStyle;',
},
_width: 160,
_height: 0,
}
Shared Association
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'verticalAlign=bottom;html=1;endArrow=none;edgeStyle=orthogonalEdgeStyle;startFill=0;startSize=12;startArrow=diamondThin;',
},
_width: 250,
_height: 0,
}
Unit
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'shape=rect;html=1;overflow=fill;whiteSpace=wrap;',
},
_width: 200,
_height: 60,
}