Aws17 Network and Content Delivery Entities

Application Load Balancer

Preview

Usage

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

<ApplicationLoadBalancer/>

// or

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

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.application_load_balancer;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Classic Load Balancer

Preview

Usage

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

<ClassicLoadBalancer/>

// or

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

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.classic_load_balancer;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

CloudFront

Preview

Usage

import { Cloudfront } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<Cloudfront/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUDFRONT } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.cloudfront;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 76.5,
  _original_height: 93,

}

Customer Gateway

Preview

Usage

import { CustomerGateway } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<CustomerGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CUSTOMER_GATEWAY } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.customer_gateway;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Direct Connect

Preview

Usage

import { DirectConnect } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<DirectConnect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIRECT_CONNECT } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.direct_connect;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 67.5,
  _original_height: 81,

}

Download Distribution

Preview

Usage

import { DownloadDistribution } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<DownloadDistribution/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOWNLOAD_DISTRIBUTION } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.download_distribution;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Edge Location

Preview

Usage

import { EdgeLocation } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<EdgeLocation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EDGE_LOCATION } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.edge_location;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 58.5,
  _original_height: 64.5,

}

Elastic Load Balancing

Preview

Usage

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

<ElasticLoadBalancing/>

// or

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

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.elastic_load_balancing;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 76.5,
  _original_height: 93,

}

Elastic Network Adapter

Preview

Usage

import { ElasticNetworkAdapter } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<ElasticNetworkAdapter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_NETWORK_ADAPTER } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.elastic_network_adapter;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 75,
  _original_height: 90,

}

Elastic Network Interface

Preview

Usage

import { ElasticNetworkInterface } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<ElasticNetworkInterface/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_NETWORK_INTERFACE } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.elastic_network_interface;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Endpoints

Preview

Usage

import { Endpoints } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<Endpoints/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENDPOINTS } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.endpoints;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Flow Logs

Preview

Usage

import { FlowLogs } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<FlowLogs/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLOW_LOGS } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.flow_logs;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Hosted Zone

Preview

Usage

import { HostedZone } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<HostedZone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOSTED_ZONE } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.hosted_zone;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 63,
  _original_height: 64.5,

}

Internet Gateway

Preview

Usage

import { InternetGateway } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<InternetGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERNET_GATEWAY } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.internet_gateway;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Network Access Controllist

Preview

Usage

import { NetworkAccessControllist } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<NetworkAccessControllist/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETWORK_ACCESS_CONTROLLIST } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.network_access_controllist;fillColor=#F58534;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Route 53

Preview

Usage

import { Route53 } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<Route53/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53 } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.route_53;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 70.5,
  _original_height: 85.5,

}

Route Table

Preview

Usage

import { RouteTable } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<RouteTable/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTE_TABLE } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.route_table;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 75,
  _original_height: 69,

}

Router

Preview

Usage

import { Router } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<Router/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTER } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.router;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

Streaming Distribution

Preview

Usage

import { StreamingDistribution } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<StreamingDistribution/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STREAMING_DISTRIBUTION } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.streaming_distribution;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

VPC

Preview

Usage

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

<Vpc/>

// or

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

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.vpc;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 67.5,
  _original_height: 81,

}

VPC NAT Gateway

Preview

Usage

import { VpcNatGateway } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<VpcNatGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPC_NAT_GATEWAY } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.vpc_nat_gateway;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

VPC Peering

Preview

Usage

import { VpcPeering } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<VpcPeering/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPC_PEERING } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.vpc_peering;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}

VPN Connection

Preview

Usage

import { VpnConnection } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<VpnConnection/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPN_CONNECTION } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.vpn_connection;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 58.5,
  _original_height: 48,

}

VPN Gateway

Preview

Usage

import { VpnGateway } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

<VpnGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPN_GATEWAY } from '@dinghy/diagrams/entitiesAws17NetworkAndContentDelivery'

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

Definition

{
  _style: {
    entity: 'outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.vpn_gateway;fillColor=#F58536;gradientColor=none;',
  },
  _original_width: 69,
  _original_height: 72,

}