Office Devices Entities
Bluetooth
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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,
}