Office Devices Entities

Bluetooth

Preview

Usage

import { Bluetooth } from '@dinghy/diagrams/entitiesOfficeDevices'

<Bluetooth/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLUETOOTH } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

CD, DVD

Preview

Usage

import { CdDvd } from '@dinghy/diagrams/entitiesOfficeDevices'

<CdDvd/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CD_DVD } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Cell Phone, Android, Proportional

Preview

Usage

import { CellPhoneAndroidProportional } from '@dinghy/diagrams/entitiesOfficeDevices'

<CellPhoneAndroidProportional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CELL_PHONE_ANDROID_PROPORTIONAL } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Cell Phone, Android, Standalone

Preview

Usage

import { CellPhoneAndroidStandalone } from '@dinghy/diagrams/entitiesOfficeDevices'

<CellPhoneAndroidStandalone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CELL_PHONE_ANDROID_STANDALONE } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Cell Phone, Generic

Preview

Usage

import { CellPhoneGeneric } from '@dinghy/diagrams/entitiesOfficeDevices'

<CellPhoneGeneric/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CELL_PHONE_GENERIC } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Cell Phone, iPhone, Proportional

Preview

Usage

import { CellPhoneIphoneProportional } from '@dinghy/diagrams/entitiesOfficeDevices'

<CellPhoneIphoneProportional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CELL_PHONE_IPHONE_PROPORTIONAL } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Cell Phone, iPhone, Standalone

Preview

Usage

import { CellPhoneIphoneStandalone } from '@dinghy/diagrams/entitiesOfficeDevices'

<CellPhoneIphoneStandalone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CELL_PHONE_IPHONE_STANDALONE } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Cell Phone, Windows Phone, Proportional

Preview

Usage

import { CellPhoneWindowsPhoneProportional } from '@dinghy/diagrams/entitiesOfficeDevices'

<CellPhoneWindowsPhoneProportional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CELL_PHONE_WINDOWS_PHONE_PROPORTIONAL } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Cell Phone, Windows Phone, Standalone

Preview

Usage

import { CellPhoneWindowsPhoneStandalone } from '@dinghy/diagrams/entitiesOfficeDevices'

<CellPhoneWindowsPhoneStandalone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CELL_PHONE_WINDOWS_PHONE_STANDALONE } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Data Jack

Preview

Usage

import { DataJack } from '@dinghy/diagrams/entitiesOfficeDevices'

<DataJack/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DATA_JACK } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Device Update Service

Preview

Usage

import { DeviceUpdateService } from '@dinghy/diagrams/entitiesOfficeDevices'

<DeviceUpdateService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEVICE_UPDATE_SERVICE } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Fax

Preview

Usage

import { Fax } from '@dinghy/diagrams/entitiesOfficeDevices'

<Fax/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FAX } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Hard Disk

Preview

Usage

import { HardDisk } from '@dinghy/diagrams/entitiesOfficeDevices'

<HardDisk/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HARD_DISK } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Headset

Preview

Usage

import { Headset } from '@dinghy/diagrams/entitiesOfficeDevices'

<Headset/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HEADSET } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

IP Gateway

Preview

Usage

import { IpGateway } from '@dinghy/diagrams/entitiesOfficeDevices'

<IpGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IP_GATEWAY } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

IP PBX

Preview

Usage

import { IpPbx } from '@dinghy/diagrams/entitiesOfficeDevices'

<IpPbx/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IP_PBX } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

iPad, Mini

Preview

Usage

import { IpadMini } from '@dinghy/diagrams/entitiesOfficeDevices'

<IpadMini/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IPAD_MINI } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Laptop

Preview

Usage

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

<Laptop/>

// or

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

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

Definition

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

LCD Monitor

Preview

Usage

import { LcdMonitor } from '@dinghy/diagrams/entitiesOfficeDevices'

<LcdMonitor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LCD_MONITOR } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Load Balancer

Preview

Usage

import { LoadBalancer } from '@dinghy/diagrams/entitiesOfficeDevices'

<LoadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOAD_BALANCER } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Mac Client

Preview

Usage

import { MacClient } from '@dinghy/diagrams/entitiesOfficeDevices'

<MacClient/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAC_CLIENT } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Management Console

Preview

Usage

import { ManagementConsole } from '@dinghy/diagrams/entitiesOfficeDevices'

<ManagementConsole/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MANAGEMENT_CONSOLE } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Microphone

Preview

Usage

import { Microphone } from '@dinghy/diagrams/entitiesOfficeDevices'

<Microphone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MICROPHONE } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Modem

Preview

Usage

import { Modem } from '@dinghy/diagrams/entitiesOfficeDevices'

<Modem/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MODEM } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

NIC

Preview

Usage

import { Nic } from '@dinghy/diagrams/entitiesOfficeDevices'

<Nic/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NIC } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Phone, Digital

Preview

Usage

import { PhoneDigital } from '@dinghy/diagrams/entitiesOfficeDevices'

<PhoneDigital/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE_DIGITAL } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Phone, Traditional

Preview

Usage

import { PhoneTraditional } from '@dinghy/diagrams/entitiesOfficeDevices'

<PhoneTraditional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE_TRADITIONAL } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Phone, USB

Preview

Usage

import { PhoneUsb } from '@dinghy/diagrams/entitiesOfficeDevices'

<PhoneUsb/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE_USB } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Phone, VoIP

Preview

Usage

import { PhoneVoip } from '@dinghy/diagrams/entitiesOfficeDevices'

<PhoneVoip/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE_VOIP } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Printer

Preview

Usage

import { Printer } from '@dinghy/diagrams/entitiesOfficeDevices'

<Printer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRINTER } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Roundtable

Preview

Usage

import { Roundtable } from '@dinghy/diagrams/entitiesOfficeDevices'

<Roundtable/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUNDTABLE } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Router

Preview

Usage

import { Router } from '@dinghy/diagrams/entitiesOfficeDevices'

<Router/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTER } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Session Border Controller

Preview

Usage

import { SessionBorderController } from '@dinghy/diagrams/entitiesOfficeDevices'

<SessionBorderController/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SESSION_BORDER_CONTROLLER } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Shadowed Router

Preview

Usage

import { ShadowedRouter } from '@dinghy/diagrams/entitiesOfficeDevices'

<ShadowedRouter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHADOWED_ROUTER } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Stylus

Preview

Usage

import { Stylus } from '@dinghy/diagrams/entitiesOfficeDevices'

<Stylus/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STYLUS } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Switch

Preview

Usage

import { Switch } from '@dinghy/diagrams/entitiesOfficeDevices'

<Switch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Tablet, Android

Preview

Usage

import { TabletAndroid } from '@dinghy/diagrams/entitiesOfficeDevices'

<TabletAndroid/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLET_ANDROID } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Tablet, iPad

Preview

Usage

import { TabletIpad } from '@dinghy/diagrams/entitiesOfficeDevices'

<TabletIpad/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLET_IPAD } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Tablet, Windows 8

Preview

Usage

import { TabletWindows8 } from '@dinghy/diagrams/entitiesOfficeDevices'

<TabletWindows8/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLET_WINDOWS_8 } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Tablet, Windows, 7inch

Preview

Usage

import { TabletWindows7inch } from '@dinghy/diagrams/entitiesOfficeDevices'

<TabletWindows7inch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLET_WINDOWS_7INCH } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

TV

Preview

Usage

import { Tv } from '@dinghy/diagrams/entitiesOfficeDevices'

<Tv/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TV } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Video Camera

Preview

Usage

import { VideoCamera } from '@dinghy/diagrams/entitiesOfficeDevices'

<VideoCamera/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_CAMERA } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

Video Gateway

Preview

Usage

import { VideoGateway } from '@dinghy/diagrams/entitiesOfficeDevices'

<VideoGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_GATEWAY } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Webcam

Preview

Usage

import { Webcam } from '@dinghy/diagrams/entitiesOfficeDevices'

<Webcam/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEBCAM } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Webcam, HD

Preview

Usage

import { WebcamHd } from '@dinghy/diagrams/entitiesOfficeDevices'

<WebcamHd/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEBCAM_HD } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Workstation

Preview

Usage

import { Workstation } from '@dinghy/diagrams/entitiesOfficeDevices'

<Workstation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORKSTATION } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Workstation, PC

Preview

Usage

import { WorkstationPc } from '@dinghy/diagrams/entitiesOfficeDevices'

<WorkstationPc/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORKSTATION_PC } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}

Workstation, Visual Studio

Preview

Usage

import { WorkstationVisualStudio } from '@dinghy/diagrams/entitiesOfficeDevices'

<WorkstationVisualStudio/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORKSTATION_VISUAL_STUDIO } from '@dinghy/diagrams/entitiesOfficeDevices'

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

Definition

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

}