Aws17 Network and Content Delivery Entities
Application Load Balancer
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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,
}