Archimate3 Business Entities
Actor
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.event;',
},
_width: 60,
_height: 35,
}
Business Function
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.function;',
},
_width: 60,
_height: 40,
}
Business Interaction
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.interaction;',
},
_original_width: 40,
_original_height: 40,
}
Business Interface
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.interface;',
},
_width: 70,
_height: 35,
}
Business Object
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.businessObject;overflow=fill;',
},
_width: 70,
_height: 40,
}
Business Process
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.process;',
},
_width: 60,
_height: 30,
}
Business Role
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.role;',
},
_width: 60,
_height: 35,
}
Business Service
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.service;',
},
_width: 60,
_height: 35,
}
Collaboration
- Preview
- Usage
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.collaboration;',
},
_width: 60,
_height: 35,
}
Contract
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.contract;',
},
_width: 70,
_height: 40,
}
Product
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.product;',
},
_width: 70,
_height: 40,
}
Representation
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#ffff99;shape=mxgraph.archimate3.representation;',
},
_width: 70,
_height: 40,
}