Ibm Boxes Containers
Classic Infrastructure
- Preview
- Usage
- Definition
import { ClassicInfrastructure } from '@dinghy/diagrams/containersIbmBoxes'
<ClassicInfrastructure/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLASSIC_INFRASTRUCTURE } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, CLASSIC_INFRASTRUCTURE)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=classic;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4376BB;strokeWidth=2;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#4376BB',},
},
}
Cloud Services
- Preview
- Usage
- Definition
import { CloudServices } from '@dinghy/diagrams/containersIbmBoxes'
<CloudServices/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVICES } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, CLOUD_SERVICES)}
/>
{
_style: {
container: 'fontStyle=0;verticalAlign=top;align=center;spacingTop=-2;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4376BB;strokeWidth=1;dashed=0;container=1;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#4376BB',},
},
}
Enterprise Network
- Preview
- Usage
- Definition
import { EnterpriseNetwork } from '@dinghy/diagrams/containersIbmBoxes'
<EnterpriseNetwork/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENTERPRISE_NETWORK } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, ENTERPRISE_NETWORK)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=enterprise;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4376BB;strokeWidth=3;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#4376BB',},
},
}
IBM Cloud
- Preview
- Usage
- Definition
import { IbmCloud } from '@dinghy/diagrams/containersIbmBoxes'
<IbmCloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IBM_CLOUD } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, IBM_CLOUD)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=cloud;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4376BB;strokeWidth=3;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#4376BB',},
},
}
Instance Group
- Preview
- Usage
- Definition
import { InstanceGroup } from '@dinghy/diagrams/containersIbmBoxes'
<InstanceGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INSTANCE_GROUP } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, INSTANCE_GROUP)}
/>
{
_style: {
container: 'fontStyle=0;verticalAlign=top;align=center;spacingTop=-2;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#00882B;strokeWidth=2;dashed=1;container=1;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#00882B',},
},
}
Public Network
- Preview
- Usage
- Definition
import { PublicNetwork } from '@dinghy/diagrams/containersIbmBoxes'
<PublicNetwork/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PUBLIC_NETWORK } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, PUBLIC_NETWORK)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=public;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4376BB;strokeWidth=3;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#4376BB',},
},
}
Region
- Preview
- Usage
- Definition
import { Region } from '@dinghy/diagrams/containersIbmBoxes'
<Region/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REGION } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, REGION)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=region;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#919191;strokeWidth=2;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#919191',},
},
}
Resource Group
- Preview
- Usage
- Definition
import { ResourceGroup } from '@dinghy/diagrams/containersIbmBoxes'
<ResourceGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RESOURCE_GROUP } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, RESOURCE_GROUP)}
/>
{
_style: {
container: 'fontStyle=0;verticalAlign=top;align=center;spacingTop=-2;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#919191;strokeWidth=2;dashed=1;container=1;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#919191',},
},
}
Security Group
- Preview
- Usage
- Definition
import { SecurityGroup } from '@dinghy/diagrams/containersIbmBoxes'
<SecurityGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURITY_GROUP } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, SECURITY_GROUP)}
/>
{
_style: {
container: 'fontStyle=0;verticalAlign=top;align=center;spacingTop=-2;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FF0000;strokeWidth=2;dashed=1;container=1;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#FF0000',},
},
}
Subnet:ACL
- Preview
- Usage
- Definition
import { SubnetAcl } from '@dinghy/diagrams/containersIbmBoxes'
<SubnetAcl/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SUBNET_ACL } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, SUBNET_ACL)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=subnet;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=#E6F0E2;rounded=0;whiteSpace=wrap;html=1;strokeColor=#00882B;strokeWidth=1;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#00882B',fillColor:'#E6F0E2',},
},
}
VPC
- Preview
- Usage
- Definition
import { Vpc } from '@dinghy/diagrams/containersIbmBoxes'
<Vpc/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, VPC)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=vpc;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=none;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4376BB;strokeWidth=2;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#4376BB',},
},
}
Zone
- Preview
- Usage
- Definition
import { Zone } from '@dinghy/diagrams/containersIbmBoxes'
<Zone/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ZONE } from '@dinghy/diagrams/containersIbmBoxes'
<Shape
{...props}
_style={extendStyle(props, ZONE)}
/>
{
_style: {
container: 'shape=mxgraph.ibm.box;prType=zone;fontStyle=0;verticalAlign=top;align=left;spacingLeft=32;spacingTop=4;fillColor=#E0E0E0;rounded=0;whiteSpace=wrap;html=1;strokeColor=#919191;strokeWidth=1;dashed=0;container=1;spacing=-4;collapsible=0;expand=0;recursiveResize=0;',
entity:{
strokeColor:'#919191',fillColor:'#E0E0E0',},
},
}