Aws18 Compute Entities

Amazon EC2

Preview

Usage

import { AmazonEc2 } from '@dinghy/diagrams/entitiesAws18Compute'

<AmazonEc2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_EC2 } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.ec2;',
  },
  _width: 80,
  _height: 100,
}

Amazon ECR

Preview

Usage

import { AmazonEcr } from '@dinghy/diagrams/entitiesAws18Compute'

<AmazonEcr/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_ECR } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.ecr;',
  },
  _width: 80,
  _height: 100,
}

Amazon ECS

Preview

Usage

import { AmazonEcs } from '@dinghy/diagrams/entitiesAws18Compute'

<AmazonEcs/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_ECS } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.ecs;',
  },
  _width: 80,
  _height: 100,
}

Amazon EKS

Preview

Usage

import { AmazonEks } from '@dinghy/diagrams/entitiesAws18Compute'

<AmazonEks/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_EKS } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.eks;',
  },
  _width: 80,
  _height: 100,
}

Amazon Lightsail

Preview

Usage

import { AmazonLightsail } from '@dinghy/diagrams/entitiesAws18Compute'

<AmazonLightsail/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_LIGHTSAIL } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.lightsail;',
  },
  _width: 80,
  _height: 110,
}

AMI

Preview

Usage

import { Ami } from '@dinghy/diagrams/entitiesAws18Compute'

<Ami/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMI } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ami;',
  },
  _original_width: 60,
  _original_height: 60,

}

Application

Preview

Usage

import { Application } from '@dinghy/diagrams/entitiesAws18Compute'

<Application/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.application;',
  },
  _original_width: 60,
  _original_height: 60,

}

Application Load Balancer

Preview

Usage

import { ApplicationLoadBalancer } from '@dinghy/diagrams/entitiesAws18Compute'

<ApplicationLoadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.application_load_balancer;',
  },
  _width: 80,
  _height: 110,
}

Auto Scaling

Preview

Usage

import { AutoScaling } from '@dinghy/diagrams/entitiesAws18Compute'

<AutoScaling/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTO_SCALING } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.auto_scaling;',
  },
  _original_width: 60,
  _original_height: 60,

}

AWS Batch

Preview

Usage

import { AwsBatch } from '@dinghy/diagrams/entitiesAws18Compute'

<AwsBatch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_BATCH } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.batch;',
  },
  _width: 80,
  _height: 100,
}

AWS Elastic Beanstalk

Preview

Usage

import { AwsElasticBeanstalk } from '@dinghy/diagrams/entitiesAws18Compute'

<AwsElasticBeanstalk/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_ELASTIC_BEANSTALK } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.elastic_beanstalk;',
  },
  _width: 80,
  _height: 110,
}

AWS Fargate

Preview

Usage

import { AwsFargate } from '@dinghy/diagrams/entitiesAws18Compute'

<AwsFargate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_FARGATE } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.fargate;',
  },
  _width: 80,
  _height: 100,
}

AWS Lambda

Preview

Usage

import { AwsLambda } from '@dinghy/diagrams/entitiesAws18Compute'

<AwsLambda/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_LAMBDA } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.lambda;',
  },
  _width: 80,
  _height: 100,
}

AWS Serverless Application Repository

Preview

Usage

import { AwsServerlessApplicationRepository } from '@dinghy/diagrams/entitiesAws18Compute'

<AwsServerlessApplicationRepository/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_SERVERLESS_APPLICATION_REPOSITORY } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.serverless_application_repository;',
  },
  _width: 80,
  _height: 135,
}

Classic Load Balancer

Preview

Usage

import { ClassicLoadBalancer } from '@dinghy/diagrams/entitiesAws18Compute'

<ClassicLoadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIC_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.classic_load_balancer;',
  },
  _width: 80,
  _height: 110,
}

Container 1

Preview

Usage

import { Container1 } from '@dinghy/diagrams/entitiesAws18Compute'

<Container1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTAINER_1 } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.container_1;',
  },
  _original_width: 60,
  _original_height: 60,

}

Container 2

Preview

Usage

import { Container2 } from '@dinghy/diagrams/entitiesAws18Compute'

<Container2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTAINER_2 } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.container_2;',
  },
  _original_width: 60,
  _original_height: 60,

}

Container 3

Preview

Usage

import { Container3 } from '@dinghy/diagrams/entitiesAws18Compute'

<Container3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTAINER_3 } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.container_3;',
  },
  _original_width: 60,
  _original_height: 60,

}

DB on

Instance

Preview

Usage

import { DbOnInstance } from '@dinghy/diagrams/entitiesAws18Compute'

<DbOnInstance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DB_ON_INSTANCE } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.db_on_instance;',
  },
  _original_width: 60,
  _original_height: 60,

}

Deployment

Preview

Usage

import { Deployment } from '@dinghy/diagrams/entitiesAws18Compute'

<Deployment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEPLOYMENT } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.deployment;',
  },
  _original_width: 60,
  _original_height: 60,

}

Elastic IP

Address

Preview

Usage

import { ElasticIpAddress } from '@dinghy/diagrams/entitiesAws18Compute'

<ElasticIpAddress/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_IP_ADDRESS } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.elastic_ip_address;',
  },
  _original_width: 60,
  _original_height: 60,

}

Elastic Load Balancing

Preview

Usage

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

<ElasticLoadBalancing/>

// or

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

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

Definition

{
  _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.elastic_load_balancing;',
  },
  _width: 80,
  _height: 110,
}

Instance

Preview

Usage

import { Instance } from '@dinghy/diagrams/entitiesAws18Compute'

<Instance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTANCE } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.instance;',
  },
  _original_width: 60,
  _original_height: 60,

}

Instance with

CloudWatch

Preview

Usage

import { InstanceWithCloudwatch } from '@dinghy/diagrams/entitiesAws18Compute'

<InstanceWithCloudwatch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTANCE_WITH_CLOUDWATCH } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.instance_with_cloudwatch;',
  },
  _original_width: 60,
  _original_height: 60,

}

Instances

Preview

Usage

import { Instances } from '@dinghy/diagrams/entitiesAws18Compute'

<Instances/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTANCES } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.instances;',
  },
  _original_width: 60,
  _original_height: 60,

}

Lambda

Function

Preview

Usage

import { LambdaFunction } from '@dinghy/diagrams/entitiesAws18Compute'

<LambdaFunction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LAMBDA_FUNCTION } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.lambda_function;',
  },
  _original_width: 60,
  _original_height: 60,

}

Network Load Balancer

Preview

Usage

import { NetworkLoadBalancer } from '@dinghy/diagrams/entitiesAws18Compute'

<NetworkLoadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETWORK_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.network_load_balancer;',
  },
  _width: 80,
  _height: 110,
}

Optimized

Instance

Preview

Usage

import { OptimizedInstance } from '@dinghy/diagrams/entitiesAws18Compute'

<OptimizedInstance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIMIZED_INSTANCE } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.optimized_instance;',
  },
  _original_width: 60,
  _original_height: 60,

}

Registry

Preview

Usage

import { Registry } from '@dinghy/diagrams/entitiesAws18Compute'

<Registry/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REGISTRY } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.registry;',
  },
  _original_width: 60,
  _original_height: 60,

}

Rescue

Preview

Usage

import { Rescue } from '@dinghy/diagrams/entitiesAws18Compute'

<Rescue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RESCUE } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.rescue;',
  },
  _original_width: 60,
  _original_height: 60,

}

Spot Instance

Preview

Usage

import { SpotInstance } from '@dinghy/diagrams/entitiesAws18Compute'

<SpotInstance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPOT_INSTANCE } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.spot_instance;',
  },
  _original_width: 60,
  _original_height: 60,

}

VMware Cloud on AWS

Preview

Usage

import { VmwareCloudOnAws } from '@dinghy/diagrams/entitiesAws18Compute'

<VmwareCloudOnAws/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VMWARE_CLOUD_ON_AWS } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _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.vmware_cloud_on_aws;',
  },
  _width: 80,
  _height: 110,
}

X1 Instance

Preview

Usage

import { X1Instance } from '@dinghy/diagrams/entitiesAws18Compute'

<X1Instance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { X1_INSTANCE } from '@dinghy/diagrams/entitiesAws18Compute'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.x1_instance;',
  },
  _original_width: 60,
  _original_height: 60,

}