Gcp2 Zones Entities
colo / dc / on-premises
- Preview
- Usage
- Definition
import { ColoDcOnPremises } from '@dinghy/diagrams/entitiesGcp2Zones'
<ColoDcOnPremises/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COLO_DC_ON_PREMISES } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, COLO_DC_ON_PREMISES)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#EFEBE9;',
},
_width: 120,
_height: 200,
}
External Data Sources
- Preview
- Usage
- Definition
import { ExternalDataSources } from '@dinghy/diagrams/entitiesGcp2Zones'
<ExternalDataSources/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_DATA_SOURCES } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, EXTERNAL_DATA_SOURCES)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#FFF8E1;',
},
_width: 120,
_height: 70,
}
External Infrastructure 1st party
- Preview
- Usage
- Definition
import { ExternalInfrastructure1stParty } from '@dinghy/diagrams/entitiesGcp2Zones'
<ExternalInfrastructure1stParty/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_INFRASTRUCTURE_1ST_PARTY } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, EXTERNAL_INFRASTRUCTURE_1ST_PARTY)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#E1F5FE;',
},
_width: 120,
_height: 75,
}
External Infrastructure 3rd party
- Preview
- Usage
- Definition
import { ExternalInfrastructure3rdParty } from '@dinghy/diagrams/entitiesGcp2Zones'
<ExternalInfrastructure3rdParty/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_INFRASTRUCTURE_3RD_PARTY } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, EXTERNAL_INFRASTRUCTURE_3RD_PARTY)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#E0F2F1;',
},
_width: 120,
_height: 75,
}
External SaaS Providers
- Preview
- Usage
- Definition
import { ExternalSaasProviders } from '@dinghy/diagrams/entitiesGcp2Zones'
<ExternalSaasProviders/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_SAAS_PROVIDERS } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, EXTERNAL_SAAS_PROVIDERS)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#FFEBEE;',
},
_width: 120,
_height: 70,
}
Infrastructure System
- Preview
- Usage
- Definition
import { InfrastructureSystem } from '@dinghy/diagrams/entitiesGcp2Zones'
<InfrastructureSystem/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INFRASTRUCTURE_SYSTEM } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, INFRASTRUCTURE_SYSTEM)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#F3E5F5;',
},
_width: 120,
_height: 150,
}
Markers
- Preview
- Usage
- Definition
import { Markers } from '@dinghy/diagrams/entitiesGcp2Zones'
<Markers/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MARKERS } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, MARKERS)}
/>
{
_style: {
entity: 'shape=ellipse;perimeter=ellipsePerimeter;fillColor=#ffffff;strokeColor=#BDBDBD;strokeWidth=2;shadow=0;gradientColor=none;fontColor=#757575;align=center;html=1;fontStyle=1;spacingTop=-1;',
},
_width: 0,
_height: 50,
}
Markers 2
- Preview
- Usage
- Definition
import { Markers2 } from '@dinghy/diagrams/entitiesGcp2Zones'
<Markers2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MARKERS_2 } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, MARKERS_2)}
/>
{
_style: {
entity: 'strokeColor=none;fillColor=none;fontColor=#757575;align=left;html=1;fontStyle=0;fontSize=11;',
},
_width: 7,
_height: 50,
}
Markers 3
- Preview
- Usage
- Definition
import { Markers3 } from '@dinghy/diagrams/entitiesGcp2Zones'
<Markers3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MARKERS_3 } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, MARKERS_3)}
/>
{
_style: {
entity: 'fillColor=#ffffff;strokeColor=#BDBDBD;strokeWidth=1;shadow=0;gradientColor=none;',
},
_width: 0,
_height: 70,
}
Note
- Preview
- Usage
- Definition
import { Note } from '@dinghy/diagrams/entitiesGcp2Zones'
<Note/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NOTE } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, NOTE)}
/>
{
_style: {
entity: 'strokeColor=none;shadow=0;gradientColor=none;fontSize=11;align=left;spacing=10;fontColor=#;9E9E9E;verticalAlign=top;spacingTop=100;whiteSpace=wrap;html=1;fillColor=#ffffff;',
},
_width: 300,
_height: 350,
}
Project Zone
- Preview
- Usage
- Definition
import { ProjectZone } from '@dinghy/diagrams/entitiesGcp2Zones'
<ProjectZone/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROJECT_ZONE } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, PROJECT_ZONE)}
/>
{
_style: {
entity: 'fillColor=#F6F6F6;strokeColor=none;shadow=0;gradientColor=none;fontSize=14;align=left;spacing=10;fontColor=#717171;9E9E9E;verticalAlign=top;spacingTop=-4;fontStyle=0;spacingLeft=40;html=1;whiteSpace=wrap;',
},
_width: 0,
_height: 350,
}
Project Zone / Cloud Service Provider
- Preview
- Usage
- Definition

import { ProjectZoneCloudServiceProvider } from '@dinghy/diagrams/entitiesGcp2Zones'
<ProjectZoneCloudServiceProvider/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROJECT_ZONE_CLOUD_SERVICE_PROVIDER } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, PROJECT_ZONE_CLOUD_SERVICE_PROVIDER)}
/>
{
_style: {
entity: 'shape=rect;strokeColor=none;strokeWidth=2;shadow=0;gradientColor=none;fontColor=#757575;align=left;html=1;fontStyle=0;spacingTop=3;fillColor=#F6F6F6;verticalAlign=top;fontSize=10;spacingLeft=10;spacing=0;',
},
_width: 530,
_height: 490,
}
System 1
- Preview
- Usage
- Definition
import { System1 } from '@dinghy/diagrams/entitiesGcp2Zones'
<System1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SYSTEM_1 } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, SYSTEM_1)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#F1F8E9;',
},
_width: 120,
_height: 70,
}
Title bar
- Preview
- Usage
- Definition
import { TitleBar } from '@dinghy/diagrams/entitiesGcp2Zones'
<TitleBar/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TITLE_BAR } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, TITLE_BAR)}
/>
{
_style: {
entity: 'fillColor=#4DA1F5;strokeColor=none;shadow=1;gradientColor=none;fontSize=14;align=left;spacingLeft=50;fontColor=#ffffff;whiteSpace=wrap;html=1;',
},
_width: 1000,
_height: 40,
}
User 1 (Default)
- Preview
- Usage
- Definition
import { User1Default } from '@dinghy/diagrams/entitiesGcp2Zones'
<User1Default/>
// or
import { extendStyle } from "@dinghy/base-components";
import { USER_1_DEFAULT } from '@dinghy/diagrams/entitiesGcp2Zones'
<Shape
{...props}
_style={extendStyle(props, USER_1_DEFAULT)}
/>
{
_style: {
entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[1,1,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;whiteSpace=wrap;fillColor=#ffffff;',
},
_width: 120,
_height: 70,
}