Aws17 Groups Containers
Auto Scaling Group
- Preview
- Usage
- Definition
import { AutoScalingGroup } from '@dinghy/diagrams/containersAws17Groups'
<AutoScalingGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AUTO_SCALING_GROUP } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, AUTO_SCALING_GROUP)}
/>
{
_style: {
container: 'rounded=1;arcSize=10;dashed=1;fillColor=none;gradientColor=none;dashPattern=8 3 1 3;strokeWidth=2;',
},
}
Availability Zone
- Preview
- Usage
- Definition
import { AvailabilityZone } from '@dinghy/diagrams/containersAws17Groups'
<AvailabilityZone/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AVAILABILITY_ZONE } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, AVAILABILITY_ZONE)}
/>
{
_style: {
container: 'rounded=1;arcSize=10;dashed=1;strokeColor=#F59D56;fillColor=none;gradientColor=none;dashPattern=8 4;strokeWidth=2;',
entity:{
strokeColor:'#F59D56',},
},
}
AWS Cloud
- Preview
- Usage
- Definition
import { AwsCloud } from '@dinghy/diagrams/containersAws17Groups'
<AwsCloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AWS_CLOUD } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, AWS_CLOUD)}
/>
{
_style: {
container: 'dashed=0;html=1;shape=mxgraph.aws3.cloud;fillColor=#F58536;gradientColor=none;dashed=0;',
entity:{
fillColor:'#F58536',},
},
}
Corporate Data Center
- Preview
- Usage
- Definition
import { CorporateDataCenter } from '@dinghy/diagrams/containersAws17Groups'
<CorporateDataCenter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CORPORATE_DATA_CENTER } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, CORPORATE_DATA_CENTER)}
/>
{
_style: {
container: 'dashed=0;html=1;shape=mxgraph.aws3.corporate_data_center;fillColor=#7D7C7C;gradientColor=none;dashed=0;',
entity:{
fillColor:'#7D7C7C',},
},
}
EC2 Instance Container
- Preview
- Usage
- Definition
import { Ec2InstanceContainer } from '@dinghy/diagrams/containersAws17Groups'
<Ec2InstanceContainer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EC2_INSTANCE_CONTAINER } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, EC2_INSTANCE_CONTAINER)}
/>
{
_style: {
container: 'dashed=0;html=1;shape=mxgraph.aws3.instance;fillColor=#F58536;gradientColor=none;dashed=0;',
entity:{
fillColor:'#F58536',},
},
}
Elastic Beanstalk Container
- Preview
- Usage
- Definition
import { ElasticBeanstalkContainer } from '@dinghy/diagrams/containersAws17Groups'
<ElasticBeanstalkContainer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_BEANSTALK_CONTAINER } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_BEANSTALK_CONTAINER)}
/>
{
_style: {
container: 'rounded=1;arcSize=10;dashed=0;fillColor=none;gradientColor=none;strokeWidth=2;',
},
}
Elastic Beanstalk Container 2
- Preview
- Usage
- Definition
import { ElasticBeanstalkContainer2 } from '@dinghy/diagrams/containersAws17Groups'
<ElasticBeanstalkContainer2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_BEANSTALK_CONTAINER_2 } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_BEANSTALK_CONTAINER_2)}
/>
{
_style: {
container: 'dashed=0;html=1;shape=mxgraph.aws3.elastic_beanstalk;fillColor=#F58536;gradientColor=none;dashed=0;',
entity:{
fillColor:'#F58536',},
},
}
Region
- Preview
- Usage
- Definition
import { Region } from '@dinghy/diagrams/containersAws17Groups'
<Region/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REGION } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, REGION)}
/>
{
_style: {
container: 'rounded=1;arcSize=10;dashed=1;fillColor=none;gradientColor=none;dashPattern=1 1;strokeWidth=2;',
},
}
Security Group
- Preview
- Usage
- Definition
import { SecurityGroup } from '@dinghy/diagrams/containersAws17Groups'
<SecurityGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURITY_GROUP } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, SECURITY_GROUP)}
/>
{
_style: {
container: 'rounded=1;arcSize=10;dashed=1;strokeColor=#ff0000;fillColor=none;gradientColor=none;dashPattern=8 4;strokeWidth=2;',
entity:{
strokeColor:'#ff0000',},
},
}
Server Contents
- Preview
- Usage
- Definition
import { ServerContents } from '@dinghy/diagrams/containersAws17Groups'
<ServerContents/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVER_CONTENTS } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, SERVER_CONTENTS)}
/>
{
_style: {
container: 'rounded=1;arcSize=10;strokeColor=none;fillColor=#DBDBDB;gradientColor=none;',
entity:{
fillColor:'#DBDBDB',},
},
}
Virtual Private Cloud
- Preview
- Usage
- Definition
import { VirtualPrivateCloud } from '@dinghy/diagrams/containersAws17Groups'
<VirtualPrivateCloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_PRIVATE_CLOUD } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_PRIVATE_CLOUD)}
/>
{
_style: {
container: 'dashed=0;html=1;shape=mxgraph.aws3.virtual_private_cloud;fillColor=#F58536;gradientColor=none;dashed=0;',
entity:{
fillColor:'#F58536',},
},
}
VPC Subnet
- Preview
- Usage
- Definition
import { VpcSubnet } from '@dinghy/diagrams/containersAws17Groups'
<VpcSubnet/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_SUBNET } from '@dinghy/diagrams/containersAws17Groups'
<Shape
{...props}
_style={extendStyle(props, VPC_SUBNET)}
/>
{
_style: {
container: 'dashed=0;html=1;shape=mxgraph.aws3.permissions;fillColor=#D9A741;gradientColor=none;dashed=0;',
entity:{
fillColor:'#D9A741',},
},
}