Aws Groups Containers

Auto Scaling group

Preview

Usage

import { AutoScalingGroup } from '@dinghy/diagrams/containersAwsGroups'

<AutoScalingGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTO_SCALING_GROUP } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.groupCenter;grIcon=mxgraph.aws4.group_auto_scaling_group;grStroke=1;strokeColor=#D86613;fillColor=none;verticalAlign=top;align=center;fontColor=#D86613;dashed=1;spacingTop=25;',
    entity:{
      strokeColor:'#D86613',fontColor:'#D86613',},
    },
}

Availability Zone

Preview

Usage

import { AvailabilityZone } from '@dinghy/diagrams/containersAwsGroups'

<AvailabilityZone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AVAILABILITY_ZONE } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'fillColor=none;strokeColor=#147EBA;dashed=1;verticalAlign=top;fontStyle=0;fontColor=#147EBA;whiteSpace=wrap;html=1;',
    entity:{
      strokeColor:'#147EBA',fontColor:'#147EBA',},
    },
}

AWS Account

Preview

Usage

import { AwsAccount } from '@dinghy/diagrams/containersAwsGroups'

<AwsAccount/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_ACCOUNT } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_account;strokeColor=#CD2264;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#CD2264;dashed=0;',
    entity:{
      strokeColor:'#CD2264',fontColor:'#CD2264',},
    },
}

AWS Cloud

Preview

Usage

import { AwsCloud } from '@dinghy/diagrams/containersAwsGroups'

<AwsCloud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_CLOUD } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;',
    entity:{
      strokeColor:'#232F3E',fontColor:'#232F3E',},
    },
}

AWS Cloud 2

Preview

Usage

import { AwsCloud2 } from '@dinghy/diagrams/containersAwsGroups'

<AwsCloud2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_CLOUD_2 } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;',
    entity:{
      strokeColor:'#232F3E',fontColor:'#232F3E',},
    },
}

AWS Iot Greengrass

Preview

Usage

import { AwsIotGreengrass } from '@dinghy/diagrams/containersAwsGroups'

<AwsIotGreengrass/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_IOT_GREENGRASS } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_iot_greengrass;strokeColor=#7AA116;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#3F8624;dashed=0;',
    entity:{
      strokeColor:'#7AA116',fontColor:'#3F8624',},
    },
}

AWS Iot Greengrass Deployment

Preview

Usage

import { AwsIotGreengrassDeployment } from '@dinghy/diagrams/containersAwsGroups'

<AwsIotGreengrassDeployment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_IOT_GREENGRASS_DEPLOYMENT } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_iot_greengrass_deployment;strokeColor=#7AA116;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#3F8624;dashed=0;',
    entity:{
      strokeColor:'#7AA116',fontColor:'#3F8624',},
    },
}

AWS Step Functions workflow

Preview

Usage

import { AwsStepFunctionsWorkflow } from '@dinghy/diagrams/containersAwsGroups'

<AwsStepFunctionsWorkflow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_STEP_FUNCTIONS_WORKFLOW } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_step_functions_workflow;strokeColor=#CD2264;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#CD2264;dashed=0;',
    entity:{
      strokeColor:'#CD2264',fontColor:'#CD2264',},
    },
}

Corporate data center

Preview

Usage

import { CorporateDataCenter } from '@dinghy/diagrams/containersAwsGroups'

<CorporateDataCenter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CORPORATE_DATA_CENTER } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_corporate_data_center;strokeColor=#7D8998;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#5A6C86;dashed=0;',
    entity:{
      strokeColor:'#7D8998',fontColor:'#5A6C86',},
    },
}

EC2 instance contents

Preview

Usage

import { Ec2InstanceContents } from '@dinghy/diagrams/containersAwsGroups'

<Ec2InstanceContents/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EC2_INSTANCE_CONTENTS } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_ec2_instance_contents;strokeColor=#D86613;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#D86613;dashed=0;',
    entity:{
      strokeColor:'#D86613',fontColor:'#D86613',},
    },
}

Elastic Beanstalk container

Preview

Usage

import { ElasticBeanstalkContainer } from '@dinghy/diagrams/containersAwsGroups'

<ElasticBeanstalkContainer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_BEANSTALK_CONTAINER } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_elastic_beanstalk;strokeColor=#D86613;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#D86613;dashed=0;',
    entity:{
      strokeColor:'#D86613',fontColor:'#D86613',},
    },
}

Generic group

Preview

Usage

import { GenericGroup } from '@dinghy/diagrams/containersAwsGroups'

<GenericGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_GROUP } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'fillColor=none;strokeColor=#5A6C86;dashed=1;verticalAlign=top;fontStyle=0;fontColor=#5A6C86;whiteSpace=wrap;html=1;',
    entity:{
      strokeColor:'#5A6C86',fontColor:'#5A6C86',},
    },
}

Generic group 2

Preview

Usage

import { GenericGroup2 } from '@dinghy/diagrams/containersAwsGroups'

<GenericGroup2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_GROUP_2 } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'fillColor=#EFF0F3;strokeColor=none;dashed=0;verticalAlign=top;fontStyle=0;fontColor=#232F3D;whiteSpace=wrap;html=1;',
    entity:{
      fillColor:'#EFF0F3',fontColor:'#232F3D',},
    },
}

Private subnet

Preview

Usage

import { PrivateSubnet } from '@dinghy/diagrams/containersAwsGroups'

<PrivateSubnet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRIVATE_SUBNET } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#00A4A6;fillColor=#E6F6F7;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=0;',
    entity:{
      strokeColor:'#00A4A6',fillColor:'#E6F6F7',fontColor:'#147EBA',},
    },
}

Public subnet

Preview

Usage

import { PublicSubnet } from '@dinghy/diagrams/containersAwsGroups'

<PublicSubnet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PUBLIC_SUBNET } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#7AA116;fillColor=#F2F6E8;verticalAlign=top;align=left;spacingLeft=30;fontColor=#248814;dashed=0;',
    entity:{
      strokeColor:'#7AA116',fillColor:'#F2F6E8',fontColor:'#248814',},
    },
}

Region

Preview

Usage

import { Region } from '@dinghy/diagrams/containersAwsGroups'

<Region/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REGION } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_region;strokeColor=#00A4A6;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=1;',
    entity:{
      strokeColor:'#00A4A6',fontColor:'#147EBA',},
    },
}

Security group

Preview

Usage

import { SecurityGroup } from '@dinghy/diagrams/containersAwsGroups'

<SecurityGroup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECURITY_GROUP } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'fillColor=none;strokeColor=#DD3522;verticalAlign=top;fontStyle=0;fontColor=#DD3522;whiteSpace=wrap;html=1;',
    entity:{
      strokeColor:'#DD3522',fontColor:'#DD3522',},
    },
}

Server contents

Preview

Usage

import { ServerContents } from '@dinghy/diagrams/containersAwsGroups'

<ServerContents/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_CONTENTS } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_on_premise;strokeColor=#7D8998;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#5A6C86;dashed=0;',
    entity:{
      strokeColor:'#7D8998',fontColor:'#5A6C86',},
    },
}

Spot Fleet

Preview

Usage

import { SpotFleet } from '@dinghy/diagrams/containersAwsGroups'

<SpotFleet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPOT_FLEET } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_spot_fleet;strokeColor=#D86613;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#D86613;dashed=0;',
    entity:{
      strokeColor:'#D86613',fontColor:'#D86613',},
    },
}

VPC

Preview

Usage

import { Vpc } from '@dinghy/diagrams/containersAwsGroups'

<Vpc/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPC } from '@dinghy/diagrams/containersAwsGroups'

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

Definition

{
  _style: {
    container: 'points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_vpc2;strokeColor=#8C4FFF;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#AAB7B8;dashed=0;',
    entity:{
      strokeColor:'#8C4FFF',fontColor:'#AAB7B8',},
    },
}