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,
}