Networking VMware Validated Design Entities
Administrator
- Preview
- Usage
- Definition
import { Administrator } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Administrator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ADMINISTRATOR } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, ADMINISTRATOR)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.administrator;',
},
_width: 21.5,
_height: 50,
}
App
- Preview
- Usage
- Definition
import { App } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<App/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APP } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, APP)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.app;',
},
_original_width: 50,
_original_height: 50,
}
App Volumes Manager
- Preview
- Usage
- Definition
import { AppVolumesManager } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<AppVolumesManager/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APP_VOLUMES_MANAGER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, APP_VOLUMES_MANAGER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.app_volumes_manager;',
},
_original_width: 48.5,
_original_height: 50,
}
AppStack Volume
- Preview
- Usage
- Definition
import { AppstackVolume } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<AppstackVolume/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPSTACK_VOLUME } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, APPSTACK_VOLUME)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.appstack_volume;',
},
_width: 50,
_height: 35,
}
Array Manager
- Preview
- Usage
- Definition
import { ArrayManager } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ArrayManager/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARRAY_MANAGER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, ARRAY_MANAGER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.array_manager;',
},
_width: 50,
_height: 36.5,
}
Blueprint
- Preview
- Usage
- Definition
import { Blueprint } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Blueprint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BLUEPRINT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, BLUEPRINT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.blueprint;',
},
_original_width: 50,
_original_height: 47.5,
}
Business Continuity Data Protection
- Preview
- Usage
- Definition

import { BusinessContinuityDataProtection } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<BusinessContinuityDataProtection/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BUSINESS_CONTINUITY_DATA_PROTECTION } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, BUSINESS_CONTINUITY_DATA_PROTECTION)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.business_continuity_data_protection;',
},
_original_width: 50,
_original_height: 43,
}
CD
- Preview
- Usage
- Definition

import { Cd } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Cd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CD } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, CD)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.cd;',
},
_original_width: 50,
_original_height: 50,
}
Cloud Computing
- Preview
- Usage
- Definition
import { CloudComputing } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<CloudComputing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_COMPUTING } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, CLOUD_COMPUTING)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.cloud_computing;fillColor=#066A90;',
},
_width: 50,
_height: 32,
}
Collective NSX ESG
- Preview
- Usage
- Definition
import { CollectiveNsxEsg } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<CollectiveNsxEsg/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COLLECTIVE_NSX_ESG } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, COLLECTIVE_NSX_ESG)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.collective_nsx_esg;',
},
_original_width: 50,
_original_height: 47.5,
}
Consumption Plane
- Preview
- Usage
- Definition
import { ConsumptionPlane } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ConsumptionPlane/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONSUMPTION_PLANE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, CONSUMPTION_PLANE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.consumption_plane;',
},
_original_width: 50,
_original_height: 50,
}
CPU
- Preview
- Usage
- Definition
import { Cpu } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Cpu/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CPU } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, CPU)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.cpu;',
},
_original_width: 50,
_original_height: 50,
}
Datacenter
- Preview
- Usage
- Definition
import { Datacenter } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Datacenter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATACENTER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, DATACENTER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.datacenter;',
},
_width: 50,
_height: 37,
}
Datastore
- Preview
- Usage
- Definition
import { Datastore } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Datastore/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATASTORE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, DATASTORE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.datastore;',
},
_width: 50,
_height: 39,
}
Disk
- Preview
- Usage
- Definition
import { Disk } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Disk/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DISK } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, DISK)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.disk;',
},
_width: 35,
_height: 50,
}
Document
- Preview
- Usage
- Definition
import { Document } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Document/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, DOCUMENT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.document;',
},
_width: 36.5,
_height: 50,
}
Edge Gateway
- Preview
- Usage
- Definition
import { EdgeGateway } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<EdgeGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EDGE_GATEWAY } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, EDGE_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.edge_gateway;',
},
_original_width: 50,
_original_height: 42.5,
}
Endpoint
- Preview
- Usage
- Definition
import { Endpoint } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Endpoint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENDPOINT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, ENDPOINT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.endpoint;',
},
_original_width: 50,
_original_height: 46.5,
}
Endpoint White
- Preview
- Usage
- Definition
import { EndpointWhite } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<EndpointWhite/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENDPOINT_WHITE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, ENDPOINT_WHITE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.endpoint;fillColor=#ffffff;',
},
_original_width: 50,
_original_height: 46.5,
}
Ethernet Port
- Preview
- Usage
- Definition
import { EthernetPort } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<EthernetPort/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ETHERNET_PORT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, ETHERNET_PORT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.ethernet_port;',
},
_original_width: 50,
_original_height: 50,
}
External Networks
- Preview
- Usage
- Definition
import { ExternalNetworks } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ExternalNetworks/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_NETWORKS } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, EXTERNAL_NETWORKS)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.external_networks;',
},
_width: 50,
_height: 35,
}
Flash Drive
- Preview
- Usage
- Definition
import { FlashDrive } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<FlashDrive/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FLASH_DRIVE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, FLASH_DRIVE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.flash_drive;',
},
_width: 21,
_height: 50,
}
Folder
- Preview
- Usage
- Definition
import { Folder } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Folder/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FOLDER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, FOLDER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.folder;',
},
_width: 50,
_height: 38,
}
Guest Agent Customization
- Preview
- Usage
- Definition

import { GuestAgentCustomization } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<GuestAgentCustomization/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GUEST_AGENT_CUSTOMIZATION } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, GUEST_AGENT_CUSTOMIZATION)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.guest_agent_customization;',
},
_original_width: 50,
_original_height: 46,
}
Horizon
- Preview
- Usage
- Definition
import { Horizon } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Horizon/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HORIZON } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, HORIZON)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.horizon;',
},
_original_width: 50,
_original_height: 43.5,
}
Infrastructure
- Preview
- Usage
- Definition
import { Infrastructure } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Infrastructure/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INFRASTRUCTURE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, INFRASTRUCTURE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.infrastructure;',
},
_original_width: 50,
_original_height: 48.5,
}
Infrastructure Role
- Preview
- Usage
- Definition
import { InfrastructureRole } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<InfrastructureRole/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INFRASTRUCTURE_ROLE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, INFRASTRUCTURE_ROLE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.administrator;fillColor=#066A90;',
},
_width: 21.5,
_height: 50,
}
Key
- Preview
- Usage
- Definition
import { Key } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Key/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KEY } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, KEY)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.key;',
},
_width: 24,
_height: 50,
}
Keyboard
- Preview
- Usage
- Definition
import { Keyboard } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Keyboard/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KEYBOARD } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, KEYBOARD)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.keyboard;',
},
_width: 50,
_height: 35.5,
}
Laptop
- Preview
- Usage
- Definition
import { Laptop } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Laptop/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LAPTOP } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, LAPTOP)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.laptop;',
},
_width: 50,
_height: 36,
}
Log Files
- Preview
- Usage
- Definition
import { LogFiles } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<LogFiles/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOG_FILES } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, LOG_FILES)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.log_files;',
},
_original_width: 40,
_original_height: 50,
}
Logical Distribution
- Preview
- Usage
- Definition
import { LogicalDistribution } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<LogicalDistribution/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOGICAL_DISTRIBUTION } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, LOGICAL_DISTRIBUTION)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.logical_distribution;',
},
_original_width: 50,
_original_height: 50,
}
Logical Firewall
- Preview
- Usage
- Definition
import { LogicalFirewall } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<LogicalFirewall/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOGICAL_FIREWALL } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, LOGICAL_FIREWALL)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.logical_firewall;',
},
_original_width: 48.5,
_original_height: 50,
}
Machine
- Preview
- Usage
- Definition
import { Machine } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Machine/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MACHINE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, MACHINE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.machine;',
},
_width: 20.5,
_height: 50,
}
Memory
- Preview
- Usage
- Definition
import { Memory } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Memory/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MEMORY } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, MEMORY)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.memory;',
},
_width: 50,
_height: 19,
}
Monitor
- Preview
- Usage
- Definition
import { Monitor } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Monitor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MONITOR } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, MONITOR)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.monitor;',
},
_original_width: 50,
_original_height: 46.5,
}
Mouse
- Preview
- Usage
- Definition
import { Mouse } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Mouse/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MOUSE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, MOUSE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.mouse;',
},
_width: 24.5,
_height: 50,
}
Networking
- Preview
- Usage
- Definition

import { Networking } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Networking/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NETWORKING } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NETWORKING)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.networking;',
},
_original_width: 50,
_original_height: 50,
}
Networks
- Preview
- Usage
- Definition
import { Networks } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Networks/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NETWORKS } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NETWORKS)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.networks;',
},
_width: 50,
_height: 30.5,
}
NFVO
- Preview
- Usage
- Definition
import { Nfvo } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Nfvo/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NFVO } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NFVO)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nfvo;',
},
_original_width: 50,
_original_height: 50,
}
NSX
- Preview
- Usage
- Definition
import { Nsx } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Nsx/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NSX } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NSX)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nsx;',
},
_width: 50,
_height: 38.5,
}
NSX Controller
- Preview
- Usage
- Definition

import { NsxController } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<NsxController/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NSX_CONTROLLER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NSX_CONTROLLER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nsx_controller;',
},
_original_width: 50,
_original_height: 50,
}
NSX Dashboard
- Preview
- Usage
- Definition
import { NsxDashboard } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<NsxDashboard/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NSX_DASHBOARD } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NSX_DASHBOARD)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nsx_dashboard;',
},
_original_width: 50,
_original_height: 46.5,
}
NSX Edge and Load Balancer
- Preview
- Usage
- Definition
import { NsxEdgeAndLoadBalancer } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<NsxEdgeAndLoadBalancer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NSX_EDGE_AND_LOAD_BALANCER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NSX_EDGE_AND_LOAD_BALANCER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nsx_edge_and_load_balancer;',
},
_original_width: 50,
_original_height: 40.5,
}
NSX ESG
- Preview
- Usage
- Definition
import { NsxEsg } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<NsxEsg/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NSX_ESG } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NSX_ESG)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nsx_esg;',
},
_original_width: 50,
_original_height: 50,
}
NSX Manager
- Preview
- Usage
- Definition
import { NsxManager } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<NsxManager/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NSX_MANAGER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NSX_MANAGER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nsx_manager;',
},
_original_width: 50,
_original_height: 50,
}
NSX Public Cloud Gateway
- Preview
- Usage
- Definition
import { NsxPublicCloudGateway } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<NsxPublicCloudGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NSX_PUBLIC_CLOUD_GATEWAY } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, NSX_PUBLIC_CLOUD_GATEWAY)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.nsx_public_cloud_gateway;',
},
_original_width: 50,
_original_height: 47.5,
}
On-demand self-service
- Preview
- Usage
- Definition

import { OnDemandSelfService } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<OnDemandSelfService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ON_DEMAND_SELF_SERVICE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, ON_DEMAND_SELF_SERVICE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.on_demand_self_service;',
},
_original_width: 50,
_original_height: 42.5,
}
OvDC Networks
- Preview
- Usage
- Definition
import { OvdcNetworks } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<OvdcNetworks/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OVDC_NETWORKS } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, OVDC_NETWORKS)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.ovdc_networks;',
},
_width: 50,
_height: 30.5,
}
Pair Sites
- Preview
- Usage
- Definition
import { PairSites } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<PairSites/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PAIR_SITES } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PAIR_SITES)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.pair_sites;',
},
_width: 50,
_height: 27,
}
Phone
- Preview
- Usage
- Definition
import { Phone } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Phone/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHONE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PHONE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.phone;',
},
_width: 29.5,
_height: 50,
}
Physical Network Adapter
- Preview
- Usage
- Definition
import { PhysicalNetworkAdapter } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<PhysicalNetworkAdapter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHYSICAL_NETWORK_ADAPTER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PHYSICAL_NETWORK_ADAPTER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.physical_network_adapter;',
},
_width: 50,
_height: 28.999999999999996,
}
Physical Storage
- Preview
- Usage
- Definition
import { PhysicalStorage } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<PhysicalStorage/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHYSICAL_STORAGE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PHYSICAL_STORAGE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.physical_storage;',
},
_width: 50,
_height: 35.5,
}
Physical Upstream Router
- Preview
- Usage
- Definition
import { PhysicalUpstreamRouter } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<PhysicalUpstreamRouter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHYSICAL_UPSTREAM_ROUTER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PHYSICAL_UPSTREAM_ROUTER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.physical_upstream_router;',
},
_original_width: 50,
_original_height: 50,
}
Platform Services Controller
- Preview
- Usage
- Definition

import { PlatformServicesController } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<PlatformServicesController/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PLATFORM_SERVICES_CONTROLLER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PLATFORM_SERVICES_CONTROLLER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.platform_services_controller;',
},
_original_width: 50,
_original_height: 50,
}
Protection Group
- Preview
- Usage
- Definition
import { ProtectionGroup } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ProtectionGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROTECTION_GROUP } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PROTECTION_GROUP)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.protection_group;',
},
_original_width: 48,
_original_height: 50,
}
Protection Group Config
- Preview
- Usage
- Definition

import { ProtectionGroupConfig } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ProtectionGroupConfig/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROTECTION_GROUP_CONFIG } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, PROTECTION_GROUP_CONFIG)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.protection_group_config;',
},
_original_width: 48.5,
_original_height: 50,
}
Recovery Plan
- Preview
- Usage
- Definition
import { RecoveryPlan } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<RecoveryPlan/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RECOVERY_PLAN } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, RECOVERY_PLAN)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.recovery_plan;',
},
_width: 36.5,
_height: 50,
}
Resource Pool
- Preview
- Usage
- Definition
import { ResourcePool } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ResourcePool/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RESOURCE_POOL } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, RESOURCE_POOL)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.resource_pool;',
},
_original_width: 50,
_original_height: 50,
}
SCSI Controller
- Preview
- Usage
- Definition
import { ScsiController } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ScsiController/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SCSI_CONTROLLER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SCSI_CONTROLLER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.scsi_controller;',
},
_width: 50,
_height: 22.5,
}
Security
- Preview
- Usage
- Definition
import { Security } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Security/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURITY } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SECURITY)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.security;',
},
_width: 38.5,
_height: 50,
}
Server
- Preview
- Usage
- Definition
import { Server } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Server/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SERVER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.server;',
},
_width: 50,
_height: 13,
}
Service Provider Cloud Environment
- Preview
- Usage
- Definition
import { ServiceProviderCloudEnvironment } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<ServiceProviderCloudEnvironment/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVICE_PROVIDER_CLOUD_ENVIRONMENT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SERVICE_PROVIDER_CLOUD_ENVIRONMENT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.service_provider_cloud_environment;',
},
_original_width: 50,
_original_height: 44,
}
Site
- Preview
- Usage
- Definition
import { Site } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Site/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SITE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SITE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.site;',
},
_original_width: 50,
_original_height: 44,
}
Site Container
- Preview
- Usage
- Definition
import { SiteContainer } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<SiteContainer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SITE_CONTAINER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SITE_CONTAINER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.site_container;',
},
_original_width: 49.5,
_original_height: 50,
}
Site Recovery
- Preview
- Usage
- Definition
import { SiteRecovery } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<SiteRecovery/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SITE_RECOVERY } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SITE_RECOVERY)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.site_recovery;',
},
_original_width: 47,
_original_height: 50,
}
Site Recovery Functional Icon
- Preview
- Usage
- Definition
import { SiteRecoveryFunctionalIcon } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<SiteRecoveryFunctionalIcon/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SITE_RECOVERY_FUNCTIONAL_ICON } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SITE_RECOVERY_FUNCTIONAL_ICON)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.site_recovery_functional_icon;',
},
_original_width: 40.5,
_original_height: 50,
}
SSD
- Preview
- Usage
- Definition
import { Ssd } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Ssd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SSD } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SSD)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.ssd;',
},
_width: 50,
_height: 35.5,
}
Storage
- Preview
- Usage
- Definition
import { Storage } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Storage/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STORAGE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, STORAGE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.storage;',
},
_width: 37.5,
_height: 50,
}
Switch
- Preview
- Usage
- Definition
import { Switch } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Switch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SWITCH } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, SWITCH)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.switch;',
},
_original_width: 50,
_original_height: 50,
}
Telco Network
- Preview
- Usage
- Definition
import { TelcoNetwork } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<TelcoNetwork/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TELCO_NETWORK } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, TELCO_NETWORK)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.telco_network;',
},
_width: 50,
_height: 36,
}
Template
- Preview
- Usage
- Definition
import { Template } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Template/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TEMPLATE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, TEMPLATE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.template;',
},
_original_width: 41,
_original_height: 50,
}
Tenant Key
- Preview
- Usage
- Definition
import { TenantKey } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<TenantKey/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TENANT_KEY } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, TENANT_KEY)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.tenant_key;',
},
_width: 25.5,
_height: 50,
}
Tenant Role
- Preview
- Usage
- Definition
import { TenantRole } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<TenantRole/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TENANT_ROLE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, TENANT_ROLE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.administrator;fillColor=#65B245;',
},
_width: 21.5,
_height: 50,
}
User Group
- Preview
- Usage
- Definition
import { UserGroup } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<UserGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { USER_GROUP } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, USER_GROUP)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.user_group;',
},
_width: 35.5,
_height: 50,
}
vApp Network
- Preview
- Usage
- Definition
import { VappNetwork } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VappNetwork/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VAPP_NETWORK } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VAPP_NETWORK)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vapp_network;',
},
_original_width: 50,
_original_height: 42.5,
}
vCenter Server
- Preview
- Usage
- Definition
import { VcenterServer } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VcenterServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VCENTER_SERVER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VCENTER_SERVER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vcenter_server;',
},
_original_width: 48,
_original_height: 50,
}
vCloud Director
- Preview
- Usage
- Definition
import { VcloudDirector } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VcloudDirector/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VCLOUD_DIRECTOR } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VCLOUD_DIRECTOR)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vcloud_director;',
},
_width: 50,
_height: 21.5,
}
Virtual Appliance
- Preview
- Usage
- Definition

import { VirtualAppliance } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VirtualAppliance/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_APPLIANCE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_APPLIANCE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.virtual_appliance;',
},
_original_width: 50,
_original_height: 50,
}
Virtual Machine
- Preview
- Usage
- Definition
import { VirtualMachine } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VirtualMachine/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_MACHINE } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_MACHINE)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.virtual_machine;',
},
_original_width: 50,
_original_height: 50,
}
Virtual Switch
- Preview
- Usage
- Definition
import { VirtualSwitch } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VirtualSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_SWITCH } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_SWITCH)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.virtual_switch;',
},
_width: 50,
_height: 26.5,
}
VM Group
- Preview
- Usage
- Definition
import { VmGroup } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VmGroup/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VM_GROUP } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VM_GROUP)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vm_group;',
},
_original_width: 49.5,
_original_height: 50,
}
VNF-M
- Preview
- Usage
- Definition
import { VnfM } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VnfM/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VNF_M } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VNF_M)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vnf_m;',
},
_original_width: 50,
_original_height: 43.5,
}
Volumes Agent
- Preview
- Usage
- Definition
import { VolumesAgent } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VolumesAgent/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VOLUMES_AGENT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VOLUMES_AGENT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.volumes_agent;',
},
_original_width: 49,
_original_height: 50,
}
VPN
- Preview
- Usage
- Definition
import { Vpn } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Vpn/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPN } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VPN)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vpn;',
},
_original_width: 50,
_original_height: 50,
}
vRealize Automation
- Preview
- Usage
- Definition
import { VrealizeAutomation } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VrealizeAutomation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VREALIZE_AUTOMATION } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VREALIZE_AUTOMATION)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vrealize_automation;',
},
_original_width: 50,
_original_height: 50,
}
vRealize Log Insight
- Preview
- Usage
- Definition
import { VrealizeLogInsight } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VrealizeLogInsight/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VREALIZE_LOG_INSIGHT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VREALIZE_LOG_INSIGHT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vrealize_log_insight;',
},
_original_width: 50,
_original_height: 50,
}
vRealize Operations
- Preview
- Usage
- Definition
import { VrealizeOperations } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VrealizeOperations/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VREALIZE_OPERATIONS } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VREALIZE_OPERATIONS)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vrealize_operations;',
},
_original_width: 49,
_original_height: 50,
}
vRealize Orchestrator
- Preview
- Usage
- Definition
import { VrealizeOrchestrator } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<VrealizeOrchestrator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VREALIZE_ORCHESTRATOR } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VREALIZE_ORCHESTRATOR)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vrealize_orchestrator;',
},
_original_width: 50,
_original_height: 46,
}
vROPs
- Preview
- Usage
- Definition
import { Vrops } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Vrops/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VROPS } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VROPS)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vrops;',
},
_original_width: 50,
_original_height: 50,
}
vSAN
- Preview
- Usage
- Definition

import { Vsan } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Vsan/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VSAN } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VSAN)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vsan;',
},
_original_width: 43.5,
_original_height: 50,
}
vShield
- Preview
- Usage
- Definition
import { Vshield } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Vshield/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VSHIELD } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VSHIELD)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vshield;',
},
_original_width: 42.5,
_original_height: 50,
}
VXLAN
- Preview
- Usage
- Definition
import { Vxlan } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Vxlan/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VXLAN } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, VXLAN)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.vxlan;',
},
_original_width: 50,
_original_height: 50,
}
Wavefront
- Preview
- Usage
- Definition
import { Wavefront } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Wavefront/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WAVEFRONT } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, WAVEFRONT)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.wavefront;',
},
_original_width: 43,
_original_height: 50,
}
Web Browser
- Preview
- Usage
- Definition
import { WebBrowser } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<WebBrowser/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WEB_BROWSER } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, WEB_BROWSER)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.web_browser;',
},
_width: 50,
_height: 35.5,
}
Wi-Fi
- Preview
- Usage
- Definition

import { WiFi } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<WiFi/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WI_FI } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, WI_FI)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.wi_fi;',
},
_original_width: 50,
_original_height: 50,
}
Writable Volume
- Preview
- Usage
- Definition
import { WritableVolume } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<WritableVolume/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WRITABLE_VOLUME } from '@dinghy/diagrams/entitiesVmwareValidatedDesign'
<Shape
{...props}
_style={extendStyle(props, WRITABLE_VOLUME)}
/>
{
_style: {
entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#434445;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.vvd.writable_volume;',
},
_original_width: 50,
_original_height: 40.5,
}