Cisco Switches Entities
ATM Fast Gigabit Etherswitch
- Preview
- Usage
- Definition
import { AtmFastGigabitEtherswitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<AtmFastGigabitEtherswitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ATM_FAST_GIGABIT_ETHERSWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, ATM_FAST_GIGABIT_ETHERSWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.atm_fast_gigabit_etherswitch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 64,
_original_height: 64,
}
ATM Switch
- Preview
- Usage
- Definition
import { AtmSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<AtmSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ATM_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, ATM_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.atm_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 54,
_original_height: 56,
}
Class 4 5 Switch
- Preview
- Usage
- Definition
import { Class45Switch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Class45Switch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLASS_4_5_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, CLASS_4_5_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.class_4_5_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 69,
_height: 90,
}
Content Service Switch 1100
- Preview
- Usage
- Definition
import { ContentServiceSwitch1100 } from '@dinghy/diagrams/entitiesCiscoSwitches'
<ContentServiceSwitch1100/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTENT_SERVICE_SWITCH_1100 } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, CONTENT_SERVICE_SWITCH_1100)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.content_service_switch_1100;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 94,
_height: 64,
}
Content Switch
- Preview
- Usage
- Definition
import { ContentSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<ContentSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTENT_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, CONTENT_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.content_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 64,
_height: 86,
}
Fibre Channel Fabric Switch
- Preview
- Usage
- Definition

import { FibreChannelFabricSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<FibreChannelFabricSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FIBRE_CHANNEL_FABRIC_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, FIBRE_CHANNEL_FABRIC_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.fibre_channel_fabric_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 101,
_height: 74,
}
Generic Softswitch
- Preview
- Usage
- Definition
import { GenericSoftswitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<GenericSoftswitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GENERIC_SOFTSWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, GENERIC_SOFTSWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.generic_softswitch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 50,
_height: 75,
}
Intelliswitch Stack
- Preview
- Usage
- Definition
import { IntelliswitchStack } from '@dinghy/diagrams/entitiesCiscoSwitches'
<IntelliswitchStack/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INTELLISWITCH_STACK } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, INTELLISWITCH_STACK)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.intelliswitch_stack;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 66,
_original_height: 69,
}
ISDN Switch
- Preview
- Usage
- Definition
import { IsdnSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<IsdnSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ISDN_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, ISDN_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.isdn_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 58,
_original_height: 59,
}
Layer 2 Remote Switch
- Preview
- Usage
- Definition
import { Layer2RemoteSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Layer2RemoteSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LAYER_2_REMOTE_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, LAYER_2_REMOTE_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.layer_2_remote_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 101,
_height: 50,
}
Layer 3 Switch
- Preview
- Usage
- Definition
import { Layer3Switch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Layer3Switch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LAYER_3_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, LAYER_3_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.layer_3_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 64,
_original_height: 64,
}
MGX 8000 Multiservice Switch
- Preview
- Usage
- Definition
import { Mgx8000MultiserviceSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Mgx8000MultiserviceSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MGX_8000_MULTISERVICE_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, MGX_8000_MULTISERVICE_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.mgx_8000_multiservice_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 78,
_original_height: 78,
}
Multi-Fabric Server Switch
- Preview
- Usage
- Definition
import { MultiFabricServerSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<MultiFabricServerSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTI_FABRIC_SERVER_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, MULTI_FABRIC_SERVER_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.multi-fabric_server_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 56,
_original_height: 75,
}
Multilayer Remote Switch
- Preview
- Usage
- Definition
import { MultilayerRemoteSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<MultilayerRemoteSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTILAYER_REMOTE_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, MULTILAYER_REMOTE_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.multilayer_remote_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 64,
_height: 88,
}
Multiswitch Device
- Preview
- Usage
- Definition
import { MultiswitchDevice } from '@dinghy/diagrams/entitiesCiscoSwitches'
<MultiswitchDevice/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTISWITCH_DEVICE } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, MULTISWITCH_DEVICE)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.multiswitch_device;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 101,
_height: 64,
}
PBX Switch
- Preview
- Usage
- Definition
import { PbxSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<PbxSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PBX_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, PBX_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.pbx_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 58,
_original_height: 53,
}
Programmable Switch
- Preview
- Usage
- Definition
import { ProgrammableSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<ProgrammableSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROGRAMMABLE_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, PROGRAMMABLE_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.programmable_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 54,
_original_height: 56,
}
Server Switch
- Preview
- Usage
- Definition
import { ServerSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<ServerSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVER_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, SERVER_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.server_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 56,
_original_height: 56,
}
Simultilayer Switch
- Preview
- Usage
- Definition
import { SimultilayerSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<SimultilayerSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMULTILAYER_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, SIMULTILAYER_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.simultilayer_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 58,
_original_height: 58,
}
Softswitch PGW MGC
- Preview
- Usage
- Definition
import { SoftswitchPgwMgc } from '@dinghy/diagrams/entitiesCiscoSwitches'
<SoftswitchPgwMgc/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SOFTSWITCH_PGW_MGC } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, SOFTSWITCH_PGW_MGC)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.softswitch_pgw_mgc;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 56,
_original_height: 64,
}
Virtual Layer Switch
- Preview
- Usage
- Definition

import { VirtualLayerSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<VirtualLayerSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_LAYER_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_LAYER_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.virtual_layer_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 64,
_height: 86,
}
Voice ATM Switch
- Preview
- Usage
- Definition
import { VoiceAtmSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<VoiceAtmSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VOICE_ATM_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, VOICE_ATM_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.voice_atm_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_original_width: 54,
_original_height: 56,
}
Voice Switch
- Preview
- Usage
- Definition
import { VoiceSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<VoiceSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VOICE_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, VOICE_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.voice_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 101,
_height: 50,
}
Workgroup Switch
- Preview
- Usage
- Definition
import { WorkgroupSwitch } from '@dinghy/diagrams/entitiesCiscoSwitches'
<WorkgroupSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WORKGROUP_SWITCH } from '@dinghy/diagrams/entitiesCiscoSwitches'
<Shape
{...props}
_style={extendStyle(props, WORKGROUP_SWITCH)}
/>
{
_style: {
entity: 'shape=mxgraph.cisco.switches.workgroup_switch;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
},
_width: 101,
_height: 50,
}