Office Clouds Entities

Azure

Preview

Usage

import { Azure } from '@dinghy/diagrams/entitiesOfficeClouds'

<Azure/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AZURE } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.azure;',
  },
  _width: 103,
  _height: 66,
}

Cloud

Preview

Usage

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

<Cloud/>

// or

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

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.cloud;',
  },
  _width: 94,
  _height: 55,
}

Cloud Disaster

Preview

Usage

import { CloudDisaster } from '@dinghy/diagrams/entitiesOfficeClouds'

<CloudDisaster/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_DISASTER } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.cloud_disaster;',
  },
  _width: 94,
  _height: 74,
}

Cloud Disaster (Red)

Preview

Usage

import { CloudDisasterRed } from '@dinghy/diagrams/entitiesOfficeClouds'

<CloudDisasterRed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_DISASTER_RED } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.cloud_disaster;fillColor=#ff0000;',
  },
  _width: 94,
  _height: 74,
}

Cloud Exchange Online

Preview

Usage

import { CloudExchangeOnline } from '@dinghy/diagrams/entitiesOfficeClouds'

<CloudExchangeOnline/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_EXCHANGE_ONLINE } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.cloud_exchange_online;',
  },
  _width: 100,
  _height: 61,
}

Cloud Service Request

Preview

Usage

import { CloudServiceRequest } from '@dinghy/diagrams/entitiesOfficeClouds'

<CloudServiceRequest/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVICE_REQUEST } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.cloud_service_request;',
  },
  _width: 102,
  _height: 80,
}

Cloud SharePoint

Preview

Usage

import { CloudSharepoint } from '@dinghy/diagrams/entitiesOfficeClouds'

<CloudSharepoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SHAREPOINT } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.cloud_sharepoint;',
  },
  _width: 101,
  _height: 61,
}

Office 365

Preview

Usage

import { Office365 } from '@dinghy/diagrams/entitiesOfficeClouds'

<Office365/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OFFICE_365 } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.office_365;',
  },
  _width: 101,
  _height: 61,
}

Online Backup

Preview

Usage

import { OnlineBackup } from '@dinghy/diagrams/entitiesOfficeClouds'

<OnlineBackup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ONLINE_BACKUP } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.online_backup;',
  },
  _width: 94,
  _height: 101,
}

Online User

Preview

Usage

import { OnlineUser } from '@dinghy/diagrams/entitiesOfficeClouds'

<OnlineUser/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ONLINE_USER } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.online_user;',
  },
  _original_width: 93,
  _original_height: 74,

}

Private Cloud

Preview

Usage

import { PrivateCloud } from '@dinghy/diagrams/entitiesOfficeClouds'

<PrivateCloud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRIVATE_CLOUD } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.private_cloud;',
  },
  _width: 94,
  _height: 55,
}

Public Cloud

Preview

Usage

import { PublicCloud } from '@dinghy/diagrams/entitiesOfficeClouds'

<PublicCloud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PUBLIC_CLOUD } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.public_cloud;',
  },
  _width: 101,
  _height: 81,
}

Public IM Cloud Service

Preview

Usage

import { PublicImCloudService } from '@dinghy/diagrams/entitiesOfficeClouds'

<PublicImCloudService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PUBLIC_IM_CLOUD_SERVICE } from '@dinghy/diagrams/entitiesOfficeClouds'

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

Definition

{
  _style: {
    entity: 'sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;outlineConnect=0;verticalAlign=top;align=center;shape=mxgraph.office.clouds.public_im_cloud_service;',
  },
  _width: 102,
  _height: 99,
}