Networking Azure Entities

Access Control

Preview
Usage
Definition

import { AccessControl } from '@dinghy/diagrams/entitiesAzure'

<AccessControl/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCESS_CONTROL } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, ACCESS_CONTROL)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.access_control;',
  },
  _original_width: 50,
  _original_height: 50,

}

Automation

Preview
Usage
Definition

import { Automation } from '@dinghy/diagrams/entitiesAzure'

<Automation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTOMATION } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AUTOMATION)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.automation;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 45,

}

AutoScale

Preview
Usage
Definition

import { Autoscale } from '@dinghy/diagrams/entitiesAzure'

<Autoscale/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTOSCALE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AUTOSCALE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.autoscale;',
  },
  _width: 50,
  _height: 30,
}

Azure Active Directory

Preview
Usage
Definition

import { AzureActiveDirectory } from '@dinghy/diagrams/entitiesAzure'

<AzureActiveDirectory/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_ACTIVE_DIRECTORY } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_ACTIVE_DIRECTORY)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_active_directory;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Azure Alert

Preview
Usage
Definition

import { AzureAlert } from '@dinghy/diagrams/entitiesAzure'

<AzureAlert/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_ALERT } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_ALERT)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_alert;',
  },
  _original_width: 50,
  _original_height: 42.5,

}

Azure Cache

Preview
Usage
Definition

import { AzureCache } from '@dinghy/diagrams/entitiesAzure'

<AzureCache/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_CACHE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_CACHE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_cache;',
  },
  _original_width: 45,
  _original_height: 50,

}

Azure Instance

Preview
Usage
Definition

import { AzureInstance } from '@dinghy/diagrams/entitiesAzure'

<AzureInstance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_INSTANCE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_INSTANCE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_instance;',
  },
  _original_width: 50,
  _original_height: 50,

}

Azure Load Balancer

Preview
Usage
Definition

import { AzureLoadBalancer } from '@dinghy/diagrams/entitiesAzure'

<AzureLoadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_LOAD_BALANCER } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_LOAD_BALANCER)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_load_balancer;',
  },
  _width: 50,
  _height: 35,
}

Azure Marketplace

Preview
Usage
Definition

import { AzureMarketplace } from '@dinghy/diagrams/entitiesAzure'

<AzureMarketplace/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_MARKETPLACE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_MARKETPLACE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_marketplace;',
  },
  _original_width: 40,
  _original_height: 50,

}

Azure SDK

Preview
Usage
Definition

import { AzureSdk } from '@dinghy/diagrams/entitiesAzure'

<AzureSdk/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_SDK } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_SDK)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_sdk;',
  },
  _original_width: 50,
  _original_height: 47.5,

}

Azure Subscription

Preview
Usage
Definition

import { AzureSubscription } from '@dinghy/diagrams/entitiesAzure'

<AzureSubscription/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_SUBSCRIPTION } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_SUBSCRIPTION)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_subscription;',
  },
  _width: 50,
  _height: 35,
}

Azure Website

Preview
Usage
Definition

import { AzureWebsite } from '@dinghy/diagrams/entitiesAzure'

<AzureWebsite/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE_WEBSITE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, AZURE_WEBSITE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.azure_website;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Backup Service

Preview
Usage
Definition

import { BackupService } from '@dinghy/diagrams/entitiesAzure'

<BackupService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BACKUP_SERVICE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, BACKUP_SERVICE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.backup_service;',
  },
  _original_width: 50,
  _original_height: 45,

}

BitBucket Code Source

Preview
Usage
Definition

import { BitbucketCodeSource } from '@dinghy/diagrams/entitiesAzure'

<BitbucketCodeSource/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BITBUCKET_CODE_SOURCE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, BITBUCKET_CODE_SOURCE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.bitbucket_code_source;',
  },
  _original_width: 42.5,
  _original_height: 50,

}

BizTalk Services

Preview
Usage
Definition

import { BiztalkServices } from '@dinghy/diagrams/entitiesAzure'

<BiztalkServices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BIZTALK_SERVICES } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, BIZTALK_SERVICES)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.biztalk_services;',
  },
  _original_width: 50,
  _original_height: 50,

}

Certificate

Preview
Usage
Definition

import { Certificate } from '@dinghy/diagrams/entitiesAzure'

<Certificate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CERTIFICATE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CERTIFICATE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.certificate;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 40,

}

Cloud

Preview
Usage
Definition

import { Cloud } from '@dinghy/diagrams/entitiesAzure'

<Cloud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CLOUD)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.cloud;',
  },
  _width: 50,
  _height: 32.5,
}

Cloud Service

Preview
Usage
Definition

import { CloudService } from '@dinghy/diagrams/entitiesAzure'

<CloudService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVICE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CLOUD_SERVICE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.cloud_service;',
  },
  _original_width: 50,
  _original_height: 40,

}

Cloud Service Package File

Preview
Usage
Definition

import { CloudServicePackageFile } from '@dinghy/diagrams/entitiesAzure'

<CloudServicePackageFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVICE_PACKAGE_FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CLOUD_SERVICE_PACKAGE_FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.cloud_service_package_file;',
  },
  _original_width: 42.5,
  _original_height: 50,

}

Cloud Services Configuration File

Preview
Usage
Definition

import { CloudServicesConfigurationFile } from '@dinghy/diagrams/entitiesAzure'

<CloudServicesConfigurationFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVICES_CONFIGURATION_FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CLOUD_SERVICES_CONFIGURATION_FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.cloud_services_configuration_file;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Code File

Preview
Usage
Definition

import { CodeFile } from '@dinghy/diagrams/entitiesAzure'

<CodeFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CODE_FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CODE_FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.code_file;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

CodePlex Code Source

Preview
Usage
Definition

import { CodeplexCodeSource } from '@dinghy/diagrams/entitiesAzure'

<CodeplexCodeSource/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CODEPLEX_CODE_SOURCE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CODEPLEX_CODE_SOURCE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.codeplex_code_source;',
  },
  _width: 50,
  _height: 37.5,
}

Computer

Preview
Usage
Definition

import { Computer } from '@dinghy/diagrams/entitiesAzure'

<Computer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMPUTER } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, COMPUTER)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.computer;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 45,

}

Content Delivery Network

Preview
Usage
Definition

import { ContentDeliveryNetwork } from '@dinghy/diagrams/entitiesAzure'

<ContentDeliveryNetwork/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTENT_DELIVERY_NETWORK } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, CONTENT_DELIVERY_NETWORK)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.content_delivery_network;',
  },
  _width: 50,
  _height: 32.5,
}

Database

Preview
Usage
Definition

import { Database } from '@dinghy/diagrams/entitiesAzure'

<Database/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DATABASE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, DATABASE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.database;',
  },
  _width: 37.5,
  _height: 50,
}

DropBox Code Source

Preview
Usage
Definition

import { DropboxCodeSource } from '@dinghy/diagrams/entitiesAzure'

<DropboxCodeSource/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DROPBOX_CODE_SOURCE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, DROPBOX_CODE_SOURCE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.dropbox_code_source;',
  },
  _original_width: 50,
  _original_height: 47.5,

}

Enterprise

Preview
Usage
Definition

import { Enterprise } from '@dinghy/diagrams/entitiesAzure'

<Enterprise/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENTERPRISE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, ENTERPRISE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.enterprise;pointerEvents=1;',
  },
  _width: 30,
  _height: 50,
}

Express Route

Preview
Usage
Definition

import { ExpressRoute } from '@dinghy/diagrams/entitiesAzure'

<ExpressRoute/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXPRESS_ROUTE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, EXPRESS_ROUTE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.express_route;pointerEvents=1;',
  },
  _width: 50,
  _height: 30,
}

File

Preview
Usage
Definition

import { File } from '@dinghy/diagrams/entitiesAzure'

<File/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.file;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

File 2

Preview
Usage
Definition

import { File2 } from '@dinghy/diagrams/entitiesAzure'

<File2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FILE_2 } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, FILE_2)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.file_2;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Git Repository

Preview
Usage
Definition

import { GitRepository } from '@dinghy/diagrams/entitiesAzure'

<GitRepository/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GIT_REPOSITORY } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, GIT_REPOSITORY)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.git_repository;',
  },
  _original_width: 50,
  _original_height: 50,

}

GitHub Code

Preview
Usage
Definition

import { GithubCode } from '@dinghy/diagrams/entitiesAzure'

<GithubCode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GITHUB_CODE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, GITHUB_CODE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.github_code;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

HDInsight

Preview
Usage
Definition

import { Hdinsight } from '@dinghy/diagrams/entitiesAzure'

<Hdinsight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HDINSIGHT } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, HDINSIGHT)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.hdinsight;',
  },
  _original_width: 50,
  _original_height: 50,

}

Health Monitoring

Preview
Usage
Definition

import { HealthMonitoring } from '@dinghy/diagrams/entitiesAzure'

<HealthMonitoring/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HEALTH_MONITORING } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, HEALTH_MONITORING)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.health_monitoring;',
  },
  _original_width: 50,
  _original_height: 42.5,

}

Healthy

Preview
Usage
Definition

import { Healthy } from '@dinghy/diagrams/entitiesAzure'

<Healthy/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HEALTHY } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, HEALTHY)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.healthy;',
  },
  _original_width: 50,
  _original_height: 45,

}

Hyper-V Recovery Manager

Preview
Usage
Definition

import { HyperVRecoveryManager } from '@dinghy/diagrams/entitiesAzure'

<HyperVRecoveryManager/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HYPER_V_RECOVERY_MANAGER } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, HYPER_V_RECOVERY_MANAGER)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.hyper_v_recovery_manager;',
  },
  _original_width: 50,
  _original_height: 45,

}

Laptop

Preview
Usage
Definition

import { Laptop } from '@dinghy/diagrams/entitiesAzure'

<Laptop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LAPTOP } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, LAPTOP)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.laptop;pointerEvents=1;',
  },
  _width: 50,
  _height: 30,
}

Load Balancer Generic

Preview
Usage
Definition

import { LoadBalancerGeneric } from '@dinghy/diagrams/entitiesAzure'

<LoadBalancerGeneric/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOAD_BALANCER_GENERIC } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, LOAD_BALANCER_GENERIC)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.load_balancer_generic;pointerEvents=1;',
  },
  _width: 37.5,
  _height: 50,
}

Media Service

Preview
Usage
Definition

import { MediaService } from '@dinghy/diagrams/entitiesAzure'

<MediaService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MEDIA_SERVICE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, MEDIA_SERVICE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.media_service;pointerEvents=1;',
  },
  _original_width: 45,
  _original_height: 50,

}

Message

Preview
Usage
Definition

import { Message } from '@dinghy/diagrams/entitiesAzure'

<Message/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, MESSAGE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.message;pointerEvents=1;',
  },
  _width: 50,
  _height: 37.5,
}

Mobile

Preview
Usage
Definition

import { Mobile } from '@dinghy/diagrams/entitiesAzure'

<Mobile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, MOBILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.mobile;pointerEvents=1;',
  },
  _width: 35,
  _height: 50,
}

Mobile Services

Preview
Usage
Definition

import { MobileServices } from '@dinghy/diagrams/entitiesAzure'

<MobileServices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_SERVICES } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, MOBILE_SERVICES)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.mobile_services;pointerEvents=1;',
  },
  _width: 32.5,
  _height: 50,
}

Multi Factor Authentication

Preview
Usage
Definition

import { MultiFactorAuthentication } from '@dinghy/diagrams/entitiesAzure'

<MultiFactorAuthentication/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTI_FACTOR_AUTHENTICATION } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, MULTI_FACTOR_AUTHENTICATION)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.multi_factor_authentication;pointerEvents=1;',
  },
  _width: 25,
  _height: 50,
}

MySQL Database

Preview
Usage
Definition

import { MysqlDatabase } from '@dinghy/diagrams/entitiesAzure'

<MysqlDatabase/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MYSQL_DATABASE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, MYSQL_DATABASE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.mysql_database;',
  },
  _width: 37.5,
  _height: 50,
}

Notification Hub

Preview
Usage
Definition

import { NotificationHub } from '@dinghy/diagrams/entitiesAzure'

<NotificationHub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NOTIFICATION_HUB } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, NOTIFICATION_HUB)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.notification_hub;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Notification Topic

Preview
Usage
Definition

import { NotificationTopic } from '@dinghy/diagrams/entitiesAzure'

<NotificationTopic/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NOTIFICATION_TOPIC } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, NOTIFICATION_TOPIC)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.notification_topic;',
  },
  _original_width: 50,
  _original_height: 50,

}

Operating System Image

Preview
Usage
Definition

import { OperatingSystemImage } from '@dinghy/diagrams/entitiesAzure'

<OperatingSystemImage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPERATING_SYSTEM_IMAGE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, OPERATING_SYSTEM_IMAGE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.operating_system_image;',
  },
  _original_width: 50,
  _original_height: 50,

}

PowerShell File

Preview
Usage
Definition

import { PowershellFile } from '@dinghy/diagrams/entitiesAzure'

<PowershellFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { POWERSHELL_FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, POWERSHELL_FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.powershell_file;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Queue Generic

Preview
Usage
Definition

import { QueueGeneric } from '@dinghy/diagrams/entitiesAzure'

<QueueGeneric/>

// or

import { extendStyle } from "@dinghy/base-components";
import { QUEUE_GENERIC } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, QUEUE_GENERIC)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.queue_generic;pointerEvents=1;',
  },
  _width: 50,
  _height: 15,
}

RDP Remoting File

Preview
Usage
Definition

import { RdpRemotingFile } from '@dinghy/diagrams/entitiesAzure'

<RdpRemotingFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RDP_REMOTING_FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, RDP_REMOTING_FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.rdp_remoting_file;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Scheduler

Preview
Usage
Definition

import { Scheduler } from '@dinghy/diagrams/entitiesAzure'

<Scheduler/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCHEDULER } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SCHEDULER)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.scheduler;pointerEvents=1;',
  },
  _original_width: 40,
  _original_height: 50,

}

Script File

Preview
Usage
Definition

import { ScriptFile } from '@dinghy/diagrams/entitiesAzure'

<ScriptFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCRIPT_FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SCRIPT_FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.script_file;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Server

Preview
Usage
Definition

import { Server } from '@dinghy/diagrams/entitiesAzure'

<Server/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVER)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.server;',
  },
  _width: 50,
  _height: 15,
}

Server Rack

Preview
Usage
Definition

import { ServerRack } from '@dinghy/diagrams/entitiesAzure'

<ServerRack/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_RACK } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVER_RACK)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.server_rack;',
  },
  _original_width: 50,
  _original_height: 50,

}

Service Bus

Preview
Usage
Definition

import { ServiceBus } from '@dinghy/diagrams/entitiesAzure'

<ServiceBus/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE_BUS } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVICE_BUS)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.service_bus;pointerEvents=1;',
  },
  _original_width: 45,
  _original_height: 50,

}

Service Bus Queues

Preview
Usage
Definition

import { ServiceBusQueues } from '@dinghy/diagrams/entitiesAzure'

<ServiceBusQueues/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE_BUS_QUEUES } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVICE_BUS_QUEUES)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.service_bus_queues;pointerEvents=1;',
  },
  _original_width: 42.5,
  _original_height: 50,

}

Service Bus Relay

Preview
Usage
Definition

import { ServiceBusRelay } from '@dinghy/diagrams/entitiesAzure'

<ServiceBusRelay/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE_BUS_RELAY } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVICE_BUS_RELAY)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.service_bus_relay;pointerEvents=1;',
  },
  _original_width: 40,
  _original_height: 50,

}

Service Bus Topics and Subscriptions

Preview
Usage
Definition

import { ServiceBusTopicsAndSubscriptions } from '@dinghy/diagrams/entitiesAzure'

<ServiceBusTopicsAndSubscriptions/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE_BUS_TOPICS_AND_SUBSCRIPTIONS } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVICE_BUS_TOPICS_AND_SUBSCRIPTIONS)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.service_bus_topics_and_subscriptions;pointerEvents=1;',
  },
  _original_width: 45,
  _original_height: 50,

}

Service Endpoint

Preview
Usage
Definition

import { ServiceEndpoint } from '@dinghy/diagrams/entitiesAzure'

<ServiceEndpoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE_ENDPOINT } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVICE_ENDPOINT)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.service_endpoint;',
  },
  _width: 50,
  _height: 20,
}

SQL Database

Preview
Usage
Definition

import { SqlDatabase } from '@dinghy/diagrams/entitiesAzure'

<SqlDatabase/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SQL_DATABASE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SQL_DATABASE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.sql_database;',
  },
  _width: 37.5,
  _height: 50,
}

SQL Database SQL Azure

Preview
Usage
Definition

import { SqlDatabaseSqlAzure } from '@dinghy/diagrams/entitiesAzure'

<SqlDatabaseSqlAzure/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SQL_DATABASE_SQL_AZURE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SQL_DATABASE_SQL_AZURE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.sql_database_sql_azure;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

SQL DataSync

Preview
Usage
Definition

import { SqlDatasync } from '@dinghy/diagrams/entitiesAzure'

<SqlDatasync/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SQL_DATASYNC } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SQL_DATASYNC)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.sql_datasync;',
  },
  _width: 37.5,
  _height: 50,
}

SQL Reporting

Preview
Usage
Definition

import { SqlReporting } from '@dinghy/diagrams/entitiesAzure'

<SqlReporting/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SQL_REPORTING } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, SQL_REPORTING)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.sql_reporting;',
  },
  _original_width: 40,
  _original_height: 50,

}

Startup Task

Preview
Usage
Definition

import { StartupTask } from '@dinghy/diagrams/entitiesAzure'

<StartupTask/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STARTUP_TASK } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, STARTUP_TASK)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.startup_task;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Storage

Preview
Usage
Definition

import { Storage } from '@dinghy/diagrams/entitiesAzure'

<Storage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORAGE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, STORAGE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.storage;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 40,

}

Storage Blob

Preview
Usage
Definition

import { StorageBlob } from '@dinghy/diagrams/entitiesAzure'

<StorageBlob/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORAGE_BLOB } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, STORAGE_BLOB)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.storage_blob;',
  },
  _original_width: 50,
  _original_height: 45,

}

Storage Queue

Preview
Usage
Definition

import { StorageQueue } from '@dinghy/diagrams/entitiesAzure'

<StorageQueue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORAGE_QUEUE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, STORAGE_QUEUE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.storage_queue;',
  },
  _original_width: 50,
  _original_height: 45,

}

Storage Table

Preview
Usage
Definition

import { StorageTable } from '@dinghy/diagrams/entitiesAzure'

<StorageTable/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORAGE_TABLE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, STORAGE_TABLE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.storage_table;',
  },
  _original_width: 50,
  _original_height: 45,

}

StorSimple

Preview
Usage
Definition

import { Storsimple } from '@dinghy/diagrams/entitiesAzure'

<Storsimple/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORSIMPLE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, STORSIMPLE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.storsimple;',
  },
  _original_width: 50,
  _original_height: 45,

}

Tablet

Preview
Usage
Definition

import { Tablet } from '@dinghy/diagrams/entitiesAzure'

<Tablet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLET } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, TABLET)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.tablet;pointerEvents=1;',
  },
  _width: 50,
  _height: 37.5,
}

Team Foundation Service

Preview
Usage
Definition

import { TeamFoundationService } from '@dinghy/diagrams/entitiesAzure'

<TeamFoundationService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TEAM_FOUNDATION_SERVICE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, TEAM_FOUNDATION_SERVICE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.team_foundation_service;',
  },
  _width: 50,
  _height: 37.5,
}

Traffic Manager

Preview
Usage
Definition

import { TrafficManager } from '@dinghy/diagrams/entitiesAzure'

<TrafficManager/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRAFFIC_MANAGER } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, TRAFFIC_MANAGER)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.traffic_manager;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Unidentified Code Object

Preview
Usage
Definition

import { UnidentifiedCodeObject } from '@dinghy/diagrams/entitiesAzure'

<UnidentifiedCodeObject/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNIDENTIFIED_CODE_OBJECT } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, UNIDENTIFIED_CODE_OBJECT)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.unidentified_code_object;',
  },
  _original_width: 50,
  _original_height: 42.5,

}

User

Preview
Usage
Definition

import { User } from '@dinghy/diagrams/entitiesAzure'

<User/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, USER)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.user;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

VHD

Preview
Usage
Definition

import { Vhd } from '@dinghy/diagrams/entitiesAzure'

<Vhd/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VHD } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, VHD)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.vhd;pointerEvents=1;',
  },
  _original_width: 40,
  _original_height: 50,

}

VHD Data Disk

Preview
Usage
Definition

import { VhdDataDisk } from '@dinghy/diagrams/entitiesAzure'

<VhdDataDisk/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VHD_DATA_DISK } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, VHD_DATA_DISK)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.vhd_data_disk;pointerEvents=1;',
  },
  _width: 37.5,
  _height: 50,
}

Virtual Machine

Preview
Usage
Definition

import { VirtualMachine } from '@dinghy/diagrams/entitiesAzure'

<VirtualMachine/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_MACHINE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, VIRTUAL_MACHINE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.virtual_machine;',
  },
  _original_width: 50,
  _original_height: 40,

}

Virtual Machine Feature

Preview
Usage
Definition

import { VirtualMachineFeature } from '@dinghy/diagrams/entitiesAzure'

<VirtualMachineFeature/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_MACHINE_FEATURE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, VIRTUAL_MACHINE_FEATURE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.virtual_machine_feature;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 45,

}

Virtual Network

Preview
Usage
Definition

import { VirtualNetwork } from '@dinghy/diagrams/entitiesAzure'

<VirtualNetwork/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_NETWORK } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, VIRTUAL_NETWORK)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.virtual_network;pointerEvents=1;',
  },
  _width: 50,
  _height: 27.500000000000004,
}

Visual Studio Online

Preview
Usage
Definition

import { VisualStudioOnline } from '@dinghy/diagrams/entitiesAzure'

<VisualStudioOnline/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VISUAL_STUDIO_ONLINE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, VISUAL_STUDIO_ONLINE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.visual_studio_online;',
  },
  _width: 50,
  _height: 37.5,
}

WADCFG Diagnostics File

Preview
Usage
Definition

import { WadcfgDiagnosticsFile } from '@dinghy/diagrams/entitiesAzure'

<WadcfgDiagnosticsFile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WADCFG_DIAGNOSTICS_FILE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, WADCFG_DIAGNOSTICS_FILE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.wadcfg_diagnostics_file;pointerEvents=1;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Web Role

Preview
Usage
Definition

import { WebRole } from '@dinghy/diagrams/entitiesAzure'

<WebRole/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_ROLE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, WEB_ROLE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.web_role;',
  },
  _original_width: 50,
  _original_height: 40,

}

Web Roles

Preview
Usage
Definition

import { WebRoles } from '@dinghy/diagrams/entitiesAzure'

<WebRoles/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_ROLES } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, WEB_ROLES)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.web_roles;',
  },
  _original_width: 55.00000000000001,
  _original_height: 45,

}

Website Generic

Preview
Usage
Definition

import { WebsiteGeneric } from '@dinghy/diagrams/entitiesAzure'

<WebsiteGeneric/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEBSITE_GENERIC } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, WEBSITE_GENERIC)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.website_generic;pointerEvents=1;',
  },
  _original_width: 50,
  _original_height: 42.5,

}

Worker Role

Preview
Usage
Definition

import { WorkerRole } from '@dinghy/diagrams/entitiesAzure'

<WorkerRole/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORKER_ROLE } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, WORKER_ROLE)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.worker_role;',
  },
  _original_width: 50,
  _original_height: 40,

}

Worker Roles

Preview
Usage
Definition

import { WorkerRoles } from '@dinghy/diagrams/entitiesAzure'

<WorkerRoles/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORKER_ROLES } from '@dinghy/diagrams/entitiesAzure'

<Shape 
  {...props}
  _style={extendStyle(props, WORKER_ROLES)}
  />

{
  _style: {
    entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.worker_roles;',
  },
  _original_width: 55.00000000000001,
  _original_height: 45,

}

Access Control​

Automation​

AutoScale​

Azure Active Directory​

Azure Alert​

Azure Cache​

Azure Instance​

Azure Load Balancer​

Azure Marketplace​

Azure SDK​

Azure Subscription​

Azure Website​

Backup Service​

BitBucket Code Source​

BizTalk Services​

Certificate​

Cloud​

Cloud Service​

Cloud Service Package File​

Cloud Services Configuration File​

Code File​

CodePlex Code Source​

Computer​

Content Delivery Network​

Database​

DropBox Code Source​

Enterprise​

Express Route​

File​

File 2​

Git Repository​

GitHub Code​

HDInsight​

Health Monitoring​

Healthy​

Hyper-V Recovery Manager​

Laptop​

Load Balancer Generic​

Media Service​

Message​

Mobile​

Mobile Services​

Multi Factor Authentication​

MySQL Database​

Notification Hub​

Notification Topic​

Operating System Image​

PowerShell File​

Queue Generic​

RDP Remoting File​

Scheduler​

Script File​

Server​

Server Rack​

Service Bus​

Service Bus Queues​

Service Bus Relay​

Service Bus Topics and Subscriptions​

Service Endpoint​

SQL Database​

SQL Database SQL Azure​

SQL DataSync​

SQL Reporting​

Startup Task​

Storage​

Storage Blob​

Storage Queue​

Storage Table​

StorSimple​

Tablet​

Team Foundation Service​

Traffic Manager​

Unidentified Code Object​

User​

VHD​

VHD Data Disk​

Virtual Machine​

Virtual Machine Feature​

Virtual Network​

Visual Studio Online​

Access Control

Automation

AutoScale

Azure Active Directory

Azure Alert

Azure Cache

Azure Instance

Azure Load Balancer

Azure Marketplace

Azure SDK

Azure Subscription

Azure Website

Backup Service

BitBucket Code Source

BizTalk Services

Certificate

Cloud

Cloud Service

Cloud Service Package File

Cloud Services Configuration File

Code File

CodePlex Code Source

Computer

Content Delivery Network

Database

DropBox Code Source

Enterprise

Express Route

File

File 2

Git Repository

GitHub Code

HDInsight

Health Monitoring

Healthy

Hyper-V Recovery Manager

Laptop

Load Balancer Generic

Media Service

Message

Mobile

Mobile Services

Multi Factor Authentication

MySQL Database

Notification Hub

Notification Topic

Operating System Image

PowerShell File

Queue Generic

RDP Remoting File

Scheduler

Script File

Server

Server Rack

Service Bus

Service Bus Queues

Service Bus Relay

Service Bus Topics and Subscriptions

Service Endpoint

SQL Database

SQL Database SQL Azure

SQL DataSync

SQL Reporting

Startup Task

Storage

Storage Blob

Storage Queue

Storage Table

StorSimple

Tablet

Team Foundation Service

Traffic Manager

Unidentified Code Object

User

VHD

VHD Data Disk

Virtual Machine

Virtual Machine Feature

Virtual Network

Visual Studio Online