Archimate3 Motivation Entities
Assessment
- Preview
- Usage
- Definition
import { Assessment } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Assessment/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ASSESSMENT } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, ASSESSMENT)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=assess;archiType=oct;',
},
_width: 150,
_height: 75,
}
Assessment 2
- Preview
- Usage
- Definition
import { Assessment2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Assessment2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ASSESSMENT_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, ASSESSMENT_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.assess;',
},
_original_width: 40,
_original_height: 40,
}
Constraint
- Preview
- Usage
- Definition
import { Constraint } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Constraint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, CONSTRAINT)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=constraint;archiType=oct;',
},
_width: 150,
_height: 75,
}
Constraint 2
- Preview
- Usage
- Definition
import { Constraint2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Constraint2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, CONSTRAINT_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.constraint;',
},
_width: 70,
_height: 35,
}
Driver
- Preview
- Usage
- Definition
import { Driver } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Driver/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DRIVER } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, DRIVER)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=driver;archiType=oct;',
},
_width: 150,
_height: 75,
}
Driver 2
- Preview
- Usage
- Definition
import { Driver2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Driver2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DRIVER_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, DRIVER_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.driver;',
},
_original_width: 40,
_original_height: 40,
}
Goal
- Preview
- Usage
- Definition
import { Goal } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Goal/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GOAL } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, GOAL)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=goal;archiType=oct;',
},
_width: 150,
_height: 75,
}
Goal 2
- Preview
- Usage
- Definition

import { Goal2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Goal2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GOAL_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, GOAL_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.goal;',
},
_original_width: 40,
_original_height: 40,
}
Meaning
- Preview
- Usage
- Definition
import { Meaning } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Meaning/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MEANING } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, MEANING)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=meaning;archiType=oct;',
},
_width: 150,
_height: 75,
}
Meaning 2
- Preview
- Usage
- Definition
import { Meaning2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Meaning2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MEANING_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, MEANING_2)}
/>
{
_style: {
entity: 'shape=mxgraph.basic.cloud_callout;html=1;whiteSpace=wrap;fillColor=#CCCCFF;',
},
_width: 70,
_height: 45,
}
Outcome
- Preview
- Usage
- Definition
import { Outcome } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Outcome/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OUTCOME } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, OUTCOME)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=outcome;archiType=oct;',
},
_width: 150,
_height: 75,
}
Outcome 2
- Preview
- Usage
- Definition

import { Outcome2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Outcome2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OUTCOME_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, OUTCOME_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.outcome;strokeWidth=2;',
},
_original_width: 60,
_original_height: 60,
}
Principle
- Preview
- Usage
- Definition
import { Principle } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Principle/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PRINCIPLE } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, PRINCIPLE)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=principle;archiType=oct;',
},
_width: 150,
_height: 75,
}
Principle 2
- Preview
- Usage
- Definition
import { Principle2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Principle2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PRINCIPLE_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, PRINCIPLE_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.principle;strokeWidth=2;',
},
_original_width: 40,
_original_height: 40,
}
Requirement
- Preview
- Usage
- Definition
import { Requirement } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Requirement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REQUIREMENT } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, REQUIREMENT)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=requirement;archiType=oct;',
},
_width: 150,
_height: 75,
}
Requirement 2
- Preview
- Usage
- Definition
import { Requirement2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Requirement2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REQUIREMENT_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, REQUIREMENT_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.requirement;',
},
_width: 70,
_height: 35,
}
Stakeholder
- Preview
- Usage
- Definition
import { Stakeholder } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Stakeholder/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STAKEHOLDER } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, STAKEHOLDER)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=role;archiType=oct;',
},
_width: 150,
_height: 75,
}
Stakeholder 2
- Preview
- Usage
- Definition
import { Stakeholder2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Stakeholder2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STAKEHOLDER_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, STAKEHOLDER_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.role;',
},
_width: 60,
_height: 35,
}
Value
- Preview
- Usage
- Definition
import { Value } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Value/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VALUE } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, VALUE)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#CCCCFF;shape=mxgraph.archimate3.application;appType=amValue;archiType=oct;',
},
_width: 150,
_height: 75,
}
Value 2
- Preview
- Usage
- Definition
import { Value2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Value2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VALUE_2 } from '@dinghy/diagrams/entitiesArchimate3Motivation'
<Shape
{...props}
_style={extendStyle(props, VALUE_2)}
/>
{
_style: {
entity: 'shape=ellipse;html=1;whiteSpace=wrap;fillColor=#CCCCFF;',
},
_width: 70,
_height: 35,
}