Aws18 Network & Content Delivery Entities

Amazon API Gateway

Preview

Usage

import { AmazonApiGateway } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<AmazonApiGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_API_GATEWAY } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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

Amazon Cloudfront

Preview

Usage

import { AmazonCloudfront } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<AmazonCloudfront/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_CLOUDFRONT } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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

Amazon Route 53

Preview

Usage

import { AmazonRoute53 } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<AmazonRoute53/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_ROUTE_53 } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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

Amazon VPC

Preview

Usage

import { AmazonVpc } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<AmazonVpc/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_VPC } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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

AWS Direct Connect

Preview

Usage

import { AwsDirectConnect } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<AwsDirectConnect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_DIRECT_CONNECT } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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

AWS PrivateLink

Preview

Usage

import { AwsPrivatelink } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<AwsPrivatelink/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_PRIVATELINK } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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

Customer

gateway

Preview

Usage

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

<CustomerGateway/>

// or

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

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

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.customer_gateway;',
  },
  _original_width: 60,
  _original_height: 60,

}

Download

distribution

Preview

Usage

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

<DownloadDistribution/>

// or

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

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

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.download_distribution;',
  },
  _original_width: 60,
  _original_height: 60,

}

Edge location

Preview

Usage

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

<EdgeLocation/>

// or

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

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

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.edge_location;',
  },
  _original_width: 60,
  _original_height: 60,

}

Elastic

network adapter

Preview

Usage

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

<ElasticNetworkAdapter/>

// or

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

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

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_network_adapter;',
  },
  _original_width: 60,
  _original_height: 60,

}

Elastic

network interface

Preview

Usage

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

<ElasticNetworkInterface/>

// or

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

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

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_network_interface;',
  },
  _original_width: 60,
  _original_height: 60,

}

Endpoints

Preview

Usage

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

<Endpoints/>

// or

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

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

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.endpoints;',
  },
  _original_width: 60,
  _original_height: 60,

}

Flow logs

Preview

Usage

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

<FlowLogs/>

// or

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

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

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.flow_logs;',
  },
  _original_width: 60,
  _original_height: 60,

}

Hosted zone

Preview

Usage

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

<HostedZone/>

// or

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

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

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.hosted_zone;',
  },
  _original_width: 60,
  _original_height: 60,

}

Internet

gateway

Preview

Usage

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

<InternetGateway/>

// or

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

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

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.internet_gateway;',
  },
  _original_width: 60,
  _original_height: 60,

}

NAT gateway

Preview

Usage

import { NatGateway } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<NatGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAT_GATEWAY } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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.nat_gateway;',
  },
  _original_width: 60,
  _original_height: 60,

}

Network

access control list

Preview

Usage

import { NetworkAccessControlList } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<NetworkAccessControlList/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETWORK_ACCESS_CONTROL_LIST } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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.network_access_control_list;',
  },
  _original_width: 60,
  _original_height: 60,

}

Peering

Preview

Usage

import { Peering } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

<Peering/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PEERING } from '@dinghy/diagrams/entitiesAws18NetworkContentDelivery'

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

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.peering;',
  },
  _original_width: 60,
  _original_height: 60,

}

Route table

Preview

Usage

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

<RouteTable/>

// or

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

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

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.route_table;',
  },
  _original_width: 60,
  _original_height: 60,

}

Router

Preview

Usage

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

<Router/>

// or

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

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

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.router;',
  },
  _original_width: 60,
  _original_height: 60,

}

Streaming

distribution

Preview

Usage

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

<StreamingDistribution/>

// or

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

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

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.streaming_distribution;',
  },
  _original_width: 60,
  _original_height: 60,

}

VPN

Connection

Preview

Usage

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

<VpnConnection/>

// or

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

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

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.vpn_connection;',
  },
  _original_width: 60,
  _original_height: 60,

}

VPN Gateway

Preview

Usage

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

<VpnGateway/>

// or

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

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

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.vpn_gateway;',
  },
  _original_width: 60,
  _original_height: 60,

}