Aws18 Developer Tools Entities
AWS
Command Line Interface
- Preview
- Usage
- Definition
import { AwsCommandLineInterface } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsCommandLineInterface/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_COMMAND_LINE_INTERFACE } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_COMMAND_LINE_INTERFACE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.command_line_interface;',
},
_width: 80,
_height: 120,
}
AWS Cloud9
- Preview
- Usage
- Definition
import { AwsCloud9 } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsCloud9/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_CLOUD9 } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_CLOUD9)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.cloud9;',
},
_width: 80,
_height: 100,
}
AWS CodeBuild
- Preview
- Usage
- Definition
import { AwsCodebuild } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsCodebuild/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_CODEBUILD } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_CODEBUILD)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.codebuild;',
},
_width: 80,
_height: 110,
}
AWS CodeCommit
- Preview
- Usage
- Definition
import { AwsCodecommit } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsCodecommit/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_CODECOMMIT } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_CODECOMMIT)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.codecommit;',
},
_width: 80,
_height: 110,
}
AWS CodeDeploy
- Preview
- Usage
- Definition
import { AwsCodedeploy } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsCodedeploy/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_CODEDEPLOY } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_CODEDEPLOY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.codedeploy;',
},
_width: 80,
_height: 110,
}
AWS CodePipeline
- Preview
- Usage
- Definition
import { AwsCodepipeline } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsCodepipeline/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_CODEPIPELINE } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_CODEPIPELINE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.codepipeline;',
},
_width: 80,
_height: 110,
}
AWS CodeStar
- Preview
- Usage
- Definition

import { AwsCodestar } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsCodestar/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_CODESTAR } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_CODESTAR)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.codestar;',
},
_width: 80,
_height: 100,
}
AWS Tools and SDKs
- Preview
- Usage
- Definition
import { AwsToolsAndSdks } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsToolsAndSdks/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_TOOLS_AND_SDKS } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_TOOLS_AND_SDKS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.tools_and_sdks;',
},
_width: 80,
_height: 110,
}
AWS X-Ray
- Preview
- Usage
- Definition
import { AwsXRay } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<AwsXRay/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_X_RAY } from '@dinghy/diagrams/entitiesAws18DeveloperTools'
<Shape
{...props}
_style={extendStyle(props, AWS_X_RAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.xray;',
},
_width: 80,
_height: 100,
}