Aws18 Groups (light) Containers

Auto Scaling Group

Preview
Usage
Definition

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

<AutoScalingGroup/>

// or

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

<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=#879196;fillColor=#ECEFEF;verticalAlign=top;align=center;fontColor=#879196;dashed=0;spacingTop=25;',
    entity:{
      strokeColor:'#879196',fillColor:'#ECEFEF',fontColor:'#879196',},
    },
}

Availability zone

Preview
Usage
Definition

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

<AvailabilityZone/>

// or

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

<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=#545B64;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#545B64;dashed=1;',
    entity:{
      strokeColor:'#545B64',fontColor:'#545B64',},
    },
}

AWS Cloud

Preview
Usage
Definition

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

<AwsCloud/>

// or

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

<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=#AAB7B8;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#AAB7B8;dashed=0;',
    entity:{
      strokeColor:'#AAB7B8',fontColor:'#AAB7B8',},
    },
}

AWS Step Functions workflow

Preview
Usage
Definition

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

<AwsStepFunctionsWorkflow/>

// or

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

<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=#545B64;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#545B64;dashed=0;',
    entity:{
      strokeColor:'#545B64',fontColor:'#545B64',},
    },
}

Elastic Load Balancing

Preview
Usage
Definition

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

<ElasticLoadBalancing/>

// or

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

<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=#007DBC;fillColor=none;verticalAlign=top;align=center;fontColor=#007DBC;dashed=0;spacingTop=25;',
    entity:{
      strokeColor:'#007DBC',fontColor:'#007DBC',},
    },
}

Generic Group

Preview
Usage
Definition

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

<GenericGroup/>

// or

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

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

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

Highlight

Preview
Usage
Definition

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

<Highlight/>

// or

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

<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/containersAws18GroupsLight'

<OnPremise/>

// or

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

<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=#AAB7B8;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#AAB7B8;dashed=0;',
    entity:{
      strokeColor:'#AAB7B8',fontColor:'#AAB7B8',},
    },
}

Region

Preview
Usage
Definition

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

<Region/>

// or

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

<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=#879196;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#879196;dashed=1;',
    entity:{
      strokeColor:'#879196',fontColor:'#879196',},
    },
}

Spot Fleet

Preview
Usage
Definition

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

<SpotFleet/>

// or

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

<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=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;',
    entity:{
      strokeColor:'#232F3E',fontColor:'#232F3E',},
    },
}

Subnet

Preview
Usage
Definition

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

<Subnet/>

// or

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

<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=#879196;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#879196;dashed=0;',
    entity:{
      strokeColor:'#879196',fontColor:'#879196',},
    },
}

VPC

Preview
Usage
Definition

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

<Vpc/>

// or

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

<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=#879196;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#879196;dashed=0;',
    entity:{
      strokeColor:'#879196',fontColor:'#879196',},
    },
}

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