Archimate3 Strategy Entities
Capability
- Preview
- Usage
- Definition
import { Capability } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Capability/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CAPABILITY } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, CAPABILITY)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.application;appType=capability;archiType=rounded;',
},
_width: 150,
_height: 75,
}
Capability 2
- Preview
- Usage
- Definition
import { Capability2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Capability2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CAPABILITY_2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, CAPABILITY_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.capability;',
},
_original_width: 40,
_original_height: 40,
}
Course of Action
- Preview
- Usage
- Definition
import { CourseOfAction } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<CourseOfAction/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COURSE_OF_ACTION } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, COURSE_OF_ACTION)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.application;appType=course;archiType=rounded;',
},
_width: 150,
_height: 75,
}
Course of Action 2
- Preview
- Usage
- Definition
import { CourseOfAction2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<CourseOfAction2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COURSE_OF_ACTION_2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, COURSE_OF_ACTION_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.course;',
},
_original_width: 40,
_original_height: 40,
}
Resource
- Preview
- Usage
- Definition
import { Resource } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Resource/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RESOURCE } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, RESOURCE)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.application;appType=resource;archiType=square;',
},
_width: 150,
_height: 75,
}
Resource 2
- Preview
- Usage
- Definition
import { Resource2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Resource2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RESOURCE_2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, RESOURCE_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.resource;',
},
_width: 60,
_height: 40,
}
Value Stream
- Preview
- Usage
- Definition
import { ValueStream } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<ValueStream/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VALUE_STREAM } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, VALUE_STREAM)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.application;appType=valueStream;archiType=rounded;',
},
_width: 150,
_height: 75,
}
Value Stream 2
- Preview
- Usage
- Definition
import { ValueStream2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<ValueStream2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VALUE_STREAM_2 } from '@dinghy/diagrams/entitiesArchimate3Strategy'
<Shape
{...props}
_style={extendStyle(props, VALUE_STREAM_2)}
/>
{
_style: {
entity: 'html=1;outlineConnect=0;whiteSpace=wrap;fillColor=#F5DEAA;shape=mxgraph.archimate3.valueStream;',
},
_width: 70,
_height: 35,
}