Software Entity Relation Entities
Associative Entity
- Preview
- Usage
- Definition

import { AssociativeEntity } from '@dinghy/diagrams/entitiesEntityRelation'
<AssociativeEntity/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ASSOCIATIVE_ENTITY } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, ASSOCIATIVE_ENTITY)}
/>
{
_style: {
entity: 'shape=associativeEntity;whiteSpace=wrap;html=1;align=center;',
},
_width: 140,
_height: 60,
}
Attribute
- Preview
- Usage
- Definition
import { Attribute } from '@dinghy/diagrams/entitiesEntityRelation'
<Attribute/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ATTRIBUTE } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, ATTRIBUTE)}
/>
{
_style: {
entity: 'ellipse;whiteSpace=wrap;html=1;align=center;',
},
_width: 100,
_height: 40,
}
Cloud
- Preview
- Usage
- Definition
import { Cloud } from '@dinghy/diagrams/entitiesEntityRelation'
<Cloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, CLOUD)}
/>
{
_style: {
entity: 'ellipse;shape=cloud;whiteSpace=wrap;html=1;align=center;',
},
_width: 100,
_height: 60,
}
Derived Attribute
- Preview
- Usage
- Definition
import { DerivedAttribute } from '@dinghy/diagrams/entitiesEntityRelation'
<DerivedAttribute/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DERIVED_ATTRIBUTE } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, DERIVED_ATTRIBUTE)}
/>
{
_style: {
entity: 'ellipse;whiteSpace=wrap;html=1;align=center;dashed=1;',
},
_width: 100,
_height: 40,
}
Entity
- Preview
- Usage
- Definition
import { Entity } from '@dinghy/diagrams/entitiesEntityRelation'
<Entity/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENTITY } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, ENTITY)}
/>
{
_style: {
entity: 'swimlane;childLayout=stackLayout;horizontal=1;startSize=50;horizontalStack=0;rounded=1;fontSize=14;fontStyle=0;strokeWidth=2;resizeParent=0;resizeLast=1;shadow=0;dashed=0;align=center;arcSize=4;whiteSpace=wrap;html=1;',
},
_width: 0,
_height: 120,
}
Entity (Rounded)
- Preview
- Usage
- Definition
import { EntityRounded } from '@dinghy/diagrams/entitiesEntityRelation'
<EntityRounded/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENTITY_ROUNDED } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, ENTITY_ROUNDED)}
/>
{
_style: {
entity: 'rounded=1;arcSize=10;whiteSpace=wrap;html=1;align=center;',
},
_width: 100,
_height: 40,
}
Entity 2
- Preview
- Usage
- Definition
import { Entity2 } from '@dinghy/diagrams/entitiesEntityRelation'
<Entity2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENTITY_2 } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, ENTITY_2)}
/>
{
_style: {
entity: 'whiteSpace=wrap;html=1;align=center;',
},
_width: 100,
_height: 40,
}
Hierarchy
- Preview
- Usage
- Definition
import { Hierarchy } from '@dinghy/diagrams/entitiesEntityRelation'
<Hierarchy/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HIERARCHY } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, HIERARCHY)}
/>
{
_style: {
entity: 'rounded=1;absoluteArcSize=1;html=1;arcSize=10;',
},
_width: 0,
_height: 100,
}
Identifying Relationship
- Preview
- Usage
- Definition

import { IdentifyingRelationship } from '@dinghy/diagrams/entitiesEntityRelation'
<IdentifyingRelationship/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IDENTIFYING_RELATIONSHIP } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, IDENTIFYING_RELATIONSHIP)}
/>
{
_style: {
entity: 'shape=rhombus;double=1;perimeter=rhombusPerimeter;whiteSpace=wrap;html=1;align=center;',
},
_width: 120,
_height: 60,
}
Key Attribute
- Preview
- Usage
- Definition
import { KeyAttribute } from '@dinghy/diagrams/entitiesEntityRelation'
<KeyAttribute/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KEY_ATTRIBUTE } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, KEY_ATTRIBUTE)}
/>
{
_style: {
entity: 'ellipse;whiteSpace=wrap;html=1;align=center;fontStyle=4;',
},
_width: 100,
_height: 40,
}
List
- Preview
- Usage
- Definition
import { List } from '@dinghy/diagrams/entitiesEntityRelation'
<List/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIST } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, LIST)}
/>
{
_style: {
entity: 'swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;align=center;fontSize=14;',
},
_width: 0,
_height: 110,
}
List Item 1
- Preview
- Usage
- Definition
import { ListItem1 } from '@dinghy/diagrams/entitiesEntityRelation'
<ListItem1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIST_ITEM_1 } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, LIST_ITEM_1)}
/>
{
_style: {
entity: 'text;strokeColor=none;fillColor=none;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;fontSize=12;whiteSpace=wrap;html=1;',
},
_width: 0,
_height: 30,
}
List Item 2
- Preview
- Usage
- Definition
import { ListItem2 } from '@dinghy/diagrams/entitiesEntityRelation'
<ListItem2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIST_ITEM_2 } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, LIST_ITEM_2)}
/>
{
_style: {
entity: 'shape=partialRectangle;fillColor=none;align=left;verticalAlign=middle;strokeColor=none;spacingLeft=34;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;dropTarget=0;',
},
_width: 0,
_height: 30,
}
List Item 3
- Preview
- Usage
- Definition
import { ListItem3 } from '@dinghy/diagrams/entitiesEntityRelation'
<ListItem3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIST_ITEM_3 } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, LIST_ITEM_3)}
/>
{
_style: {
entity: 'line;strokeWidth=1;rotatable=0;dashed=0;labelPosition=right;align=left;verticalAlign=middle;spacingTop=0;spacingLeft=6;points=[];portConstraint=eastwest;',
},
_width: 0,
_height: 10,
}
Multivalue Attribute
- Preview
- Usage
- Definition
import { MultivalueAttribute } from '@dinghy/diagrams/entitiesEntityRelation'
<MultivalueAttribute/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIVALUE_ATTRIBUTE } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, MULTIVALUE_ATTRIBUTE)}
/>
{
_style: {
entity: 'ellipse;shape=doubleEllipse;margin=3;whiteSpace=wrap;html=1;align=center;',
},
_width: 100,
_height: 40,
}
Note
- Preview
- Usage
- Definition
import { Note } from '@dinghy/diagrams/entitiesEntityRelation'
<Note/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NOTE } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, NOTE)}
/>
{
_style: {
entity: 'shape=note;size=20;whiteSpace=wrap;html=1;',
},
_original_width: 100,
_original_height: 100,
}
Relationship
- Preview
- Usage
- Definition
import { Relationship } from '@dinghy/diagrams/entitiesEntityRelation'
<Relationship/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RELATIONSHIP } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, RELATIONSHIP)}
/>
{
_style: {
entity: 'shape=rhombus;perimeter=rhombusPerimeter;whiteSpace=wrap;html=1;align=center;',
},
_width: 120,
_height: 60,
}
Weak Entity
- Preview
- Usage
- Definition
import { WeakEntity } from '@dinghy/diagrams/entitiesEntityRelation'
<WeakEntity/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WEAK_ENTITY } from '@dinghy/diagrams/entitiesEntityRelation'
<Shape
{...props}
_style={extendStyle(props, WEAK_ENTITY)}
/>
{
_style: {
entity: 'shape=ext;margin=3;double=1;whiteSpace=wrap;html=1;align=center;',
},
_width: 100,
_height: 40,
}