Archimate3 Business Entities

Actor

Preview

Usage

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

<Actor/>

// or

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

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.archimate3.actor;',
  },
  _width: 26.5,
  _height: 50,
}

Business Actor

Preview

Usage

import { BusinessActor } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessActor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_ACTOR } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Collaboration

Preview

Usage

import { BusinessCollaboration } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessCollaboration/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_COLLABORATION } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Event

Preview

Usage

import { BusinessEvent } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessEvent/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_EVENT } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Event 2

Preview

Usage

import { BusinessEvent2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessEvent2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_EVENT_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Function

Preview

Usage

import { BusinessFunction } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessFunction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_FUNCTION } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Function 2

Preview

Usage

import { BusinessFunction2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessFunction2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_FUNCTION_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Interaction

Preview

Usage

import { BusinessInteraction } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessInteraction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_INTERACTION } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Interaction 2

Preview

Usage

import { BusinessInteraction2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessInteraction2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_INTERACTION_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

}

Business Interface

Preview

Usage

import { BusinessInterface } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessInterface/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_INTERFACE } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Interface 2

Preview

Usage

import { BusinessInterface2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessInterface2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_INTERFACE_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Object

Preview

Usage

import { BusinessObject } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessObject/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_OBJECT } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Object 2

Preview

Usage

import { BusinessObject2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessObject2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_OBJECT_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

{
  _style: {
    entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.businessObject;overflow=fill;',
  },
  _width: 70,
  _height: 40,
}

Business Process

Preview

Usage

import { BusinessProcess } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessProcess/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_PROCESS } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Process 2

Preview

Usage

import { BusinessProcess2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessProcess2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_PROCESS_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Role

Preview

Usage

import { BusinessRole } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessRole/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_ROLE } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Role 2

Preview

Usage

import { BusinessRole2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessRole2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_ROLE_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Service

Preview

Usage

import { BusinessService } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_SERVICE } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Business Service 2

Preview

Usage

import { BusinessService2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<BusinessService2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_SERVICE_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Collaboration

Preview

Usage

import { Collaboration } from '@dinghy/diagrams/entitiesArchimate3Business'

<Collaboration/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLABORATION } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Contract

Preview

Usage

import { Contract } from '@dinghy/diagrams/entitiesArchimate3Business'

<Contract/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTRACT } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Contract 2

Preview

Usage

import { Contract2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<Contract2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTRACT_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Product

Preview

Usage

import { Product } from '@dinghy/diagrams/entitiesArchimate3Business'

<Product/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRODUCT } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Product 2

Preview

Usage

import { Product2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<Product2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRODUCT_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Representation

Preview

Usage

import { Representation } from '@dinghy/diagrams/entitiesArchimate3Business'

<Representation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REPRESENTATION } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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

Representation 2

Preview

Usage

import { Representation2 } from '@dinghy/diagrams/entitiesArchimate3Business'

<Representation2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REPRESENTATION_2 } from '@dinghy/diagrams/entitiesArchimate3Business'

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

Definition

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