Archimate3 Implementation and Migration Entities

Deliverable

Preview

Usage

import { Deliverable } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<Deliverable/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DELIVERABLE } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.application;appType=deliverable;',
  },
  _width: 150,
  _height: 75,
}

Deliverable 2

Preview

Usage

import { Deliverable2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<Deliverable2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DELIVERABLE_2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.deliverable;',
  },
  _width: 60,
  _height: 35,
}

Event

Preview

Usage

import { Event } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<Event/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EVENT } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.event;',
  },
  _width: 60,
  _height: 35,
}

Gap

Preview

Usage

import { Gap } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<Gap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GAP } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.application;appType=gap;',
  },
  _width: 150,
  _height: 75,
}

Gap 2

Preview

Usage

import { Gap2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<Gap2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GAP_2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.gapIcon;',
  },
  _original_width: 55,
  _original_height: 40,

}

Implementation Event

Preview

Usage

import { ImplementationEvent } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<ImplementationEvent/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IMPLEMENTATION_EVENT } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.application;appType=event;archiType=rounded;',
  },
  _width: 150,
  _height: 75,
}

Plateau

Preview

Usage

import { Plateau } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<Plateau/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLATEAU } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.application;appType=plateau;',
  },
  _width: 150,
  _height: 75,
}

Plateau 2

Preview

Usage

import { Plateau2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<Plateau2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLATEAU_2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.plateau;',
  },
  _width: 60,
  _height: 40,
}

Work Package

Preview

Usage

import { WorkPackage } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<WorkPackage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORK_PACKAGE } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.application;appType=workPackage;archiType=rounded;',
  },
  _width: 150,
  _height: 75,
}

Work Package 2

Preview

Usage

import { WorkPackage2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

<WorkPackage2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORK_PACKAGE_2 } from '@dinghy/diagrams/entitiesArchimate3ImplementationAndMigration'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#FFE0E0;shape=mxgraph.archimate3.workPackage;strokeWidth=5;',
  },
  _original_width: 60,
  _original_height: 50,

}