Aws Network & Content Delivery Entities
API Gateway
- Preview
- Usage
- Definition
import { ApiGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ApiGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { API_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, API_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.api_gateway;',
},
_original_width: 78,
_original_height: 78,
}
App Mesh
- Preview
- Usage
- Definition
import { AppMesh } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<AppMesh/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APP_MESH } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, APP_MESH)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.app_mesh;',
},
_original_width: 78,
_original_height: 78,
}
Application Load Balancer
- Preview
- Usage
- Definition
import { ApplicationLoadBalancer } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ApplicationLoadBalancer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_LOAD_BALANCER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.application_load_balancer;',
},
_original_width: 78,
_original_height: 78,
}
Application Recovery Controller
- Preview
- Usage
- Definition
import { ApplicationRecoveryController } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ApplicationRecoveryController/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_RECOVERY_CONTROLLER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_RECOVERY_CONTROLLER)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#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_recovery_controller;',
},
_original_width: 78,
_original_height: 78,
}
Classic Load Balancer
- Preview
- Usage
- Definition
import { ClassicLoadBalancer } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ClassicLoadBalancer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLASSIC_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLASSIC_LOAD_BALANCER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.classic_load_balancer;',
},
_original_width: 78,
_original_height: 78,
}
Client VPN
- Preview
- Usage
- Definition
import { ClientVpn } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ClientVpn/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLIENT_VPN } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLIENT_VPN)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.client_vpn;',
},
_original_width: 78,
_original_height: 78,
}
Cloud Directory
- Preview
- Usage
- Definition
import { CloudDirectory } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<CloudDirectory/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_DIRECTORY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUD_DIRECTORY)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cloud_directory;',
},
_original_width: 78,
_original_height: 78,
}
Cloud Map
- Preview
- Usage
- Definition
import { CloudMap } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<CloudMap/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_MAP } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUD_MAP)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cloud_map;',
},
_original_width: 78,
_original_height: 78,
}
Cloud WAN
- Preview
- Usage
- Definition
import { CloudWan } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<CloudWan/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_WAN } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUD_WAN)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cloud_wan;',
},
_original_width: 78,
_original_height: 78,
}
Cloud WAN Core Network Edge
- Preview
- Usage
- Definition
import { CloudWanCoreNetworkEdge } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<CloudWanCoreNetworkEdge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_WAN_CORE_NETWORK_EDGE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUD_WAN_CORE_NETWORK_EDGE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.cloud_wan_virtual_pop;',
},
_original_width: 78,
_original_height: 78,
}
Cloud WAN Segment Network
- Preview
- Usage
- Definition
import { CloudWanSegmentNetwork } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<CloudWanSegmentNetwork/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_WAN_SEGMENT_NETWORK } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUD_WAN_SEGMENT_NETWORK)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.cloud_wan_segment_network;',
},
_original_width: 78,
_original_height: 78,
}
Cloud WAN Transit Gateway Route Table Attachment
- Preview
- Usage
- Definition
import { CloudWanTransitGatewayRouteTableAttachment } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<CloudWanTransitGatewayRouteTableAttachment/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_WAN_TRANSIT_GATEWAY_ROUTE_TABLE_ATTACHMENT } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUD_WAN_TRANSIT_GATEWAY_ROUTE_TABLE_ATTACHMENT)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.cloud_wan_transit_gateway_route_table_attachment;',
},
_original_width: 78,
_original_height: 78,
}
CloudFront
- Preview
- Usage
- Definition
import { Cloudfront } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Cloudfront/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUDFRONT } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUDFRONT)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cloudfront;',
},
_original_width: 78,
_original_height: 78,
}
CloudFront Functions
- Preview
- Usage
- Definition
import { CloudfrontFunctions } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<CloudfrontFunctions/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUDFRONT_FUNCTIONS } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, CLOUDFRONT_FUNCTIONS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.cloudfront_functions;',
},
_original_width: 78,
_original_height: 78,
}
Direct Connect
- Preview
- Usage
- Definition
import { DirectConnect } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<DirectConnect/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DIRECT_CONNECT } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, DIRECT_CONNECT)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.direct_connect;',
},
_original_width: 78,
_original_height: 78,
}
Download Distribution
- Preview
- Usage
- Definition
import { DownloadDistribution } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<DownloadDistribution/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOWNLOAD_DISTRIBUTION } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, DOWNLOAD_DISTRIBUTION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.download_distribution;',
},
_original_width: 78,
_original_height: 78,
}
Edge Location
- Preview
- Usage
- Definition
import { EdgeLocation } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<EdgeLocation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EDGE_LOCATION } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, EDGE_LOCATION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.edge_location;',
},
_original_width: 78,
_original_height: 78,
}
Elastic Load Balancing
- Preview
- Usage
- Definition
import { ElasticLoadBalancing } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ElasticLoadBalancing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_LOAD_BALANCING } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_LOAD_BALANCING)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#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_load_balancing;',
},
_original_width: 78,
_original_height: 78,
}
Elastic Network Adapter
- Preview
- Usage
- Definition
import { ElasticNetworkAdapter } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ElasticNetworkAdapter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_NETWORK_ADAPTER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_NETWORK_ADAPTER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.elastic_network_adapter;',
},
_original_width: 78,
_original_height: 78,
}
Elastic Network Interface
- Preview
- Usage
- Definition
import { ElasticNetworkInterface } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<ElasticNetworkInterface/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_NETWORK_INTERFACE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_NETWORK_INTERFACE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.elastic_network_interface;',
},
_original_width: 78,
_original_height: 78,
}
Endpoint
- Preview
- Usage
- Definition
import { Endpoint } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Endpoint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENDPOINT } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ENDPOINT)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.endpoint;',
},
_original_width: 78,
_original_height: 78,
}
Endpoints
- Preview
- Usage
- Definition
import { Endpoints } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Endpoints/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENDPOINTS } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ENDPOINTS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.endpoints;',
},
_original_width: 78,
_original_height: 78,
}
Flow Logs
- Preview
- Usage
- Definition
import { FlowLogs } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<FlowLogs/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FLOW_LOGS } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, FLOW_LOGS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.flow_logs;',
},
_original_width: 78,
_original_height: 78,
}
Gateway
- Preview
- Usage
- Definition
import { Gateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Gateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.gateway;',
},
_original_width: 76,
_original_height: 78,
}
Gateway Load Balancer
- Preview
- Usage
- Definition
import { GatewayLoadBalancer } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<GatewayLoadBalancer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GATEWAY_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, GATEWAY_LOAD_BALANCER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.gateway_load_balancer;',
},
_original_width: 78,
_original_height: 78,
}
Global Accelerator
- Preview
- Usage
- Definition
import { GlobalAccelerator } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<GlobalAccelerator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GLOBAL_ACCELERATOR } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, GLOBAL_ACCELERATOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.global_accelerator;',
},
_original_width: 78,
_original_height: 78,
}
Hosted Zone
- Preview
- Usage
- Definition
import { HostedZone } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<HostedZone/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HOSTED_ZONE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, HOSTED_ZONE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.hosted_zone;',
},
_original_width: 78,
_original_height: 77,
}
Internet Gateway
- Preview
- Usage
- Definition
import { InternetGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<InternetGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INTERNET_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, INTERNET_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.internet_gateway;',
},
_original_width: 78,
_original_height: 78,
}
Mesh
- Preview
- Usage
- Definition
import { Mesh } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Mesh/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESH } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, MESH)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.mesh;',
},
_original_width: 78,
_original_height: 77,
}
Namespace
- Preview
- Usage
- Definition
import { Namespace } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Namespace/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NAMESPACE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, NAMESPACE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.namespace;',
},
_original_width: 78,
_original_height: 78,
}
NAT Gateway
- Preview
- Usage
- Definition
import { NatGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<NatGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NAT_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, NAT_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.nat_gateway;',
},
_original_width: 78,
_original_height: 78,
}
Network Access Control List
- Preview
- Usage
- Definition
import { NetworkAccessControlList } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<NetworkAccessControlList/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NETWORK_ACCESS_CONTROL_LIST } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, NETWORK_ACCESS_CONTROL_LIST)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.network_access_control_list;',
},
_original_width: 78,
_original_height: 78,
}
Network Load Balancer
- Preview
- Usage
- Definition
import { NetworkLoadBalancer } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<NetworkLoadBalancer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NETWORK_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, NETWORK_LOAD_BALANCER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.network_load_balancer;',
},
_original_width: 78,
_original_height: 78,
}
Networking and Content Delivery
- Preview
- Usage
- Definition
import { NetworkingAndContentDelivery } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<NetworkingAndContentDelivery/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NETWORKING_AND_CONTENT_DELIVERY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, NETWORKING_AND_CONTENT_DELIVERY)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.networking_and_content_delivery;',
},
_original_width: 78,
_original_height: 78,
}
Peering Connection
- Preview
- Usage
- Definition
import { PeeringConnection } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<PeeringConnection/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PEERING_CONNECTION } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, PEERING_CONNECTION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.peering;',
},
_original_width: 78,
_original_height: 78,
}
Private 5G
- Preview
- Usage
- Definition
import { Private5g } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Private5g/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PRIVATE_5G } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, PRIVATE_5G)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.private_5g;',
},
_original_width: 78,
_original_height: 78,
}
PrivateLink
- Preview
- Usage
- Definition
import { Privatelink } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Privatelink/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PRIVATELINK } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, PRIVATELINK)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.vpc_privatelink;',
},
_original_width: 78,
_original_height: 78,
}
Resource
- Preview
- Usage
- Definition
import { Resource } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Resource/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RESOURCE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, RESOURCE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.resource;',
},
_original_width: 76,
_original_height: 78,
}
Route 53
- Preview
- Usage
- Definition
import { Route53 } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Route53/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53 } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#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_53;',
},
_original_width: 78,
_original_height: 78,
}
Route 53 Application Recovery Controller
- Preview
- Usage
- Definition
import { Route53ApplicationRecoveryController } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Route53ApplicationRecoveryController/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53_APPLICATION_RECOVERY_CONTROLLER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53_APPLICATION_RECOVERY_CONTROLLER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.route_53_application_recovery_controller;',
},
_original_width: 78,
_original_height: 78,
}
Route 53 Readiness Checks
- Preview
- Usage
- Definition
import { Route53ReadinessChecks } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Route53ReadinessChecks/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53_READINESS_CHECKS } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53_READINESS_CHECKS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.route_53_readiness_checks;',
},
_original_width: 78,
_original_height: 78,
}
Route 53 Resolver
- Preview
- Usage
- Definition
import { Route53Resolver } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Route53Resolver/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53_RESOLVER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53_RESOLVER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.route_53_resolver;',
},
_original_width: 78,
_original_height: 78,
}
Route 53 Resolver DNS Firewall
- Preview
- Usage
- Definition
import { Route53ResolverDnsFirewall } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Route53ResolverDnsFirewall/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53_RESOLVER_DNS_FIREWALL } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53_RESOLVER_DNS_FIREWALL)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.route_53_resolver_dns_firewall;',
},
_original_width: 78,
_original_height: 78,
}
Route 53 Resolver Query Logging
- Preview
- Usage
- Definition
import { Route53ResolverQueryLogging } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Route53ResolverQueryLogging/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53_RESOLVER_QUERY_LOGGING } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53_RESOLVER_QUERY_LOGGING)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.route_53_resolver_query_logging;',
},
_original_width: 78,
_original_height: 78,
}
Route 53 Routing Controls
- Preview
- Usage
- Definition
import { Route53RoutingControls } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Route53RoutingControls/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53_ROUTING_CONTROLS } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53_ROUTING_CONTROLS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.route_53_routing_controls;',
},
_original_width: 78,
_original_height: 78,
}
Route Table
- Preview
- Usage
- Definition
import { RouteTable } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<RouteTable/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_TABLE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTE_TABLE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.route_table;',
},
_original_width: 78,
_original_height: 76,
}
Router
- Preview
- Usage
- Definition
import { Router } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Router/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, ROUTER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.router;',
},
_original_width: 78,
_original_height: 78,
}
Service
- Preview
- Usage
- Definition
import { Service } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Service/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVICE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, SERVICE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.service;',
},
_original_width: 78,
_original_height: 76,
}
Site-to-Site VPN
- Preview
- Usage
- Definition
import { SiteToSiteVpn } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<SiteToSiteVpn/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SITE_TO_SITE_VPN } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, SITE_TO_SITE_VPN)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.site_to_site_vpn;',
},
_original_width: 78,
_original_height: 78,
}
Streaming Distribution
- Preview
- Usage
- Definition
import { StreamingDistribution } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<StreamingDistribution/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STREAMING_DISTRIBUTION } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, STREAMING_DISTRIBUTION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.streaming_distribution;',
},
_original_width: 78,
_original_height: 78,
}
Traffic Mirroring
- Preview
- Usage
- Definition
import { TrafficMirroring } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<TrafficMirroring/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TRAFFIC_MIRRORING } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, TRAFFIC_MIRRORING)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.vpc_traffic_mirroring;',
},
_original_width: 78,
_original_height: 78,
}
Transit Gateway
- Preview
- Usage
- Definition
import { TransitGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<TransitGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TRANSIT_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, TRANSIT_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.transit_gateway;',
},
_original_width: 78,
_original_height: 78,
}
Transit Gateway Attachment
- Preview
- Usage
- Definition
import { TransitGatewayAttachment } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<TransitGatewayAttachment/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TRANSIT_GATEWAY_ATTACHMENT } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, TRANSIT_GATEWAY_ATTACHMENT)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.transit_gateway_attachment;',
},
_original_width: 78,
_original_height: 78,
}
Verified Access
- Preview
- Usage
- Definition
import { VerifiedAccess } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VerifiedAccess/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VERIFIED_ACCESS } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VERIFIED_ACCESS)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.verified_access;',
},
_original_width: 78,
_original_height: 78,
}
Virtual Gateway
- Preview
- Usage
- Definition
import { VirtualGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VirtualGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.virtual_gateway;',
},
_original_width: 78,
_original_height: 78,
}
Virtual Node
- Preview
- Usage
- Definition
import { VirtualNode } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VirtualNode/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_NODE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_NODE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.virtual_node;',
},
_original_width: 78,
_original_height: 78,
}
Virtual Router
- Preview
- Usage
- Definition
import { VirtualRouter } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VirtualRouter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_ROUTER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_ROUTER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.virtual_router;',
},
_original_width: 78,
_original_height: 78,
}
Virtual Service
- Preview
- Usage
- Definition
import { VirtualService } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VirtualService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_SERVICE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_SERVICE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.virtual_service;',
},
_original_width: 78,
_original_height: 74,
}
VPC
- Preview
- Usage
- Definition
import { Vpc } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Vpc/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPC)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.vpc;',
},
_original_width: 78,
_original_height: 78,
}
VPC 2
- Preview
- Usage
- Definition
import { Vpc2 } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Vpc2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_2 } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPC_2)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.vpc_virtual_private_cloud_vpc;',
},
_original_width: 78,
_original_height: 76,
}
VPC Carrier Gateway
- Preview
- Usage
- Definition
import { VpcCarrierGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VpcCarrierGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_CARRIER_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPC_CARRIER_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.vpc_carrier_gateway;',
},
_original_width: 78,
_original_height: 78,
}
VPC Customer Gateway
- Preview
- Usage
- Definition
import { VpcCustomerGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VpcCustomerGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_CUSTOMER_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPC_CUSTOMER_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.customer_gateway;',
},
_original_width: 78,
_original_height: 78,
}
VPC Lattice
- Preview
- Usage
- Definition
import { VpcLattice } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VpcLattice/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_LATTICE } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPC_LATTICE)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#8C4FFF;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.vpc_lattice;',
},
_original_width: 78,
_original_height: 78,
}
VPC Network Access Analyzer
- Preview
- Usage
- Definition
import { VpcNetworkAccessAnalyzer } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VpcNetworkAccessAnalyzer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_NETWORK_ACCESS_ANALYZER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPC_NETWORK_ACCESS_ANALYZER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.vpc_network_access_analyzer;',
},
_original_width: 77,
_original_height: 78,
}
VPC Reachability Analyzer
- Preview
- Usage
- Definition
import { VpcReachabilityAnalyzer } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VpcReachabilityAnalyzer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_REACHABILITY_ANALYZER } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPC_REACHABILITY_ANALYZER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.vpc_reachability_analyzer;',
},
_original_width: 78,
_original_height: 78,
}
VPN Connection
- Preview
- Usage
- Definition
import { VpnConnection } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VpnConnection/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPN_CONNECTION } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPN_CONNECTION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.vpn_connection;',
},
_original_width: 70,
_original_height: 78,
}
VPN Gateway
- Preview
- Usage
- Definition
import { VpnGateway } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<VpnGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPN_GATEWAY } from '@dinghy/diagrams/entitiesAwsNetworkContentDelivery'
<Shape
{...props}
_style={extendStyle(props, VPN_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.vpn_gateway;',
},
_original_width: 78,
_original_height: 78,
}