Aws18 Groups (dark) Containers

Auto Scaling Group

Preview
Usage
Definition

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

<AutoScalingGroup/>

// or

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

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.groupCenter;grIcon=mxgraph.aws4.group_auto_scaling_group;grStroke=0;strokeColor=#B6BABF;fillColor=#47515E;verticalAlign=top;align=center;fontColor=#B6BABF;dashed=0;spacingTop=25;',
    entity:{
      strokeColor:'#B6BABF',fillColor:'#47515E',fontColor:'#B6BABF',},
    },
}

Availability zone

Preview
Usage
Definition

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

<AvailabilityZone/>

// or

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

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_availability_zone;strokeColor=#E8E8E8;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#E8E8E8;dashed=1;',
    entity:{
      strokeColor:'#E8E8E8',fontColor:'#E8E8E8',},
    },
}

AWS Cloud

Preview
Usage
Definition

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

<AwsCloud/>

// or

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

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud;strokeColor=#858B94;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#858B94;dashed=0;',
    entity:{
      strokeColor:'#858B94',fontColor:'#858B94',},
    },
}

AWS Step Functions workflow

Preview
Usage
Definition

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

<AwsStepFunctionsWorkflow/>

// or

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

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_step_functions_workflow;strokeColor=#E8E8E8;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#E8E8E8;dashed=0;',
    entity:{
      strokeColor:'#E8E8E8',fontColor:'#E8E8E8',},
    },
}

Elastic Load Balancing

Preview
Usage
Definition

import { ElasticLoadBalancing } from '@dinghy/diagrams/containersAws18GroupsDark'

<ElasticLoadBalancing/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_LOAD_BALANCING } from '@dinghy/diagrams/containersAws18GroupsDark'

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.groupCenter;grIcon=mxgraph.aws4.group_elastic_load_balancing;grStroke=1;strokeColor=#00A1C9;fillColor=none;verticalAlign=top;align=center;fontColor=#00A1C9;dashed=0;spacingTop=25;',
    entity:{
      strokeColor:'#00A1C9',fontColor:'#00A1C9',},
    },
}

Generic Group

Preview
Usage
Definition

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

<GenericGroup/>

// or

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

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

{
  _style: {
    container: 'outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;strokeColor=#858B94;fillColor=none;verticalAlign=top;align=center;fontColor=#858B94;dashed=1;spacingTop=3;',
    entity:{
      strokeColor:'#858B94',fontColor:'#858B94',},
    },
}

Highlight

Preview
Usage
Definition

import { Highlight } from '@dinghy/diagrams/containersAws18GroupsDark'

<Highlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HIGHLIGHT } from '@dinghy/diagrams/containersAws18GroupsDark'

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

{
  _style: {
    container: 'outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;strokeColor=#FF9900;fillColor=none;verticalAlign=top;align=center;fontColor=#FF9900;dashed=0;spacingTop=3;',
    entity:{
      strokeColor:'#FF9900',fontColor:'#FF9900',},
    },
}

On-Premise

Preview
Usage
Definition

import { OnPremise } from '@dinghy/diagrams/containersAws18GroupsDark'

<OnPremise/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ON_PREMISE } from '@dinghy/diagrams/containersAws18GroupsDark'

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_on_premise;strokeColor=#858B94;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#858B94;dashed=0;',
    entity:{
      strokeColor:'#858B94',fontColor:'#858B94',},
    },
}

Region

Preview
Usage
Definition

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

<Region/>

// or

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

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_region;strokeColor=#B6BABF;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#B6BABF;dashed=1;',
    entity:{
      strokeColor:'#B6BABF',fontColor:'#B6BABF',},
    },
}

Spot Fleet

Preview
Usage
Definition

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

<SpotFleet/>

// or

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

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_spot_fleet;strokeColor=#FFFFFF;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#FFFFFF;dashed=0;',
    entity:{
      strokeColor:'#FFFFFF',fontColor:'#FFFFFF',},
    },
}

Subnet

Preview
Usage
Definition

import { Subnet } from '@dinghy/diagrams/containersAws18GroupsDark'

<Subnet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUBNET } from '@dinghy/diagrams/containersAws18GroupsDark'

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_subnet;strokeColor=#E8E8E8;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#E8E8E8;dashed=0;',
    entity:{
      strokeColor:'#E8E8E8',fontColor:'#E8E8E8',},
    },
}

VPC

Preview
Usage
Definition

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

<Vpc/>

// or

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

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

{
  _style: {
    container: 'sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_vpc;strokeColor=#B6BABF;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#B6BABF;dashed=0;',
    entity:{
      strokeColor:'#B6BABF',fontColor:'#B6BABF',},
    },
}

Auto Scaling Group​

Availability zone​

AWS Cloud​

AWS Step Functions workflow​

Elastic Load Balancing​

Generic Group​

Highlight​

On-Premise​

Region​

Spot Fleet​

Subnet​

VPC​

Auto Scaling Group

Availability zone

AWS Cloud

AWS Step Functions workflow

Elastic Load Balancing

Generic Group

Highlight

On-Premise

Region

Spot Fleet

Subnet

VPC