Cisco LAN Switching Entities
6500 VSS
- Preview
- Usage
- Definition
import { Component6500Vss } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Component6500Vss/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPONENT_6500_VSS } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, COMPONENT_6500_VSS)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=6500_vss;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 73,
}
L2 Modular
- Preview
- Usage
- Definition
import { L2Modular } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L2Modular/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L2_MODULAR } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L2_MODULAR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_modular;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 73,
}
L2 Modular 2
- Preview
- Usage
- Definition

import { L2Modular2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L2Modular2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L2_MODULAR_2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L2_MODULAR_2)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_modular2;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 102.49999999999999,
}
L2 Switch
- Preview
- Usage
- Definition
import { L2Switch } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L2Switch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L2_SWITCH } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L2_SWITCH)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
L2 Switch with Dual Supervisor
- Preview
- Usage
- Definition
import { L2SwitchWithDualSupervisor } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L2SwitchWithDualSupervisor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L2_SWITCH_WITH_DUAL_SUPERVISOR } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L2_SWITCH_WITH_DUAL_SUPERVISOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch_with_dual_supervisor;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 95,
}
L3 Modular
- Preview
- Usage
- Definition
import { L3Modular } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L3Modular/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L3_MODULAR } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L3_MODULAR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l3_modular;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 73,
}
L3 Modular 2
- Preview
- Usage
- Definition
import { L3Modular2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L3Modular2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L3_MODULAR_2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L3_MODULAR_2)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l3_modular2;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 65,
}
L3 Modular 3
- Preview
- Usage
- Definition
import { L3Modular3 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L3Modular3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L3_MODULAR_3 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L3_MODULAR_3)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=6500_vss2;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 65,
}
L3 Switch
- Preview
- Usage
- Definition
import { L3Switch } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L3Switch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L3_SWITCH } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L3_SWITCH)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l3_switch;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
L3 Switch with Dual Supervisor
- Preview
- Usage
- Definition
import { L3SwitchWithDualSupervisor } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<L3SwitchWithDualSupervisor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { L3_SWITCH_WITH_DUAL_SUPERVISOR } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, L3_SWITCH_WITH_DUAL_SUPERVISOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l3_switch_with_dual_supervisor;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 95,
}
Secure Catalyst Switch (color)
- Preview
- Usage
- Definition
import { SecureCatalystSwitchColor } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<SecureCatalystSwitchColor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_CATALYST_SWITCH_COLOR } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, SECURE_CATALYST_SWITCH_COLOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secure_catalyst_switch_color;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Secure Catalyst Switch (color) 2
- Preview
- Usage
- Definition
import { SecureCatalystSwitchColor2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<SecureCatalystSwitchColor2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_CATALYST_SWITCH_COLOR_2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, SECURE_CATALYST_SWITCH_COLOR_2)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secure_catalyst_switch_color3;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Secure Catalyst Switch (color) 3
- Preview
- Usage
- Definition
import { SecureCatalystSwitchColor3 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<SecureCatalystSwitchColor3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_CATALYST_SWITCH_COLOR_3 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, SECURE_CATALYST_SWITCH_COLOR_3)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secure_catalyst_switch_color2;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Secure Catalyst Switch (subdued)
- Preview
- Usage
- Definition
import { SecureCatalystSwitchSubdued } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<SecureCatalystSwitchSubdued/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_CATALYST_SWITCH_SUBDUED } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, SECURE_CATALYST_SWITCH_SUBDUED)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secure_catalyst_switch_subdued;fillColor=#FAFAFA;strokeColor=#6696AB;',
},
_original_width: 50,
_original_height: 50,
}
Secure Catalyst Switch (subdued) 2
- Preview
- Usage
- Definition
import { SecureCatalystSwitchSubdued2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<SecureCatalystSwitchSubdued2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_CATALYST_SWITCH_SUBDUED_2 } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, SECURE_CATALYST_SWITCH_SUBDUED_2)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secure_catalyst_switch_subdued2;fillColor=#FAFAFA;strokeColor=#6696AB;',
},
_original_width: 50,
_original_height: 50,
}
Secure Switch (color)
- Preview
- Usage
- Definition
import { SecureSwitchColor } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<SecureSwitchColor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_SWITCH_COLOR } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, SECURE_SWITCH_COLOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secure_switch;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Secure Switch (subdued)
- Preview
- Usage
- Definition
import { SecureSwitchSubdued } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<SecureSwitchSubdued/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_SWITCH_SUBDUED } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, SECURE_SWITCH_SUBDUED)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secure_switch;fillColor=#FAFAFA;strokeColor=#6696AB;',
},
_original_width: 50,
_original_height: 50,
}
Workgroup Switch (color)
- Preview
- Usage
- Definition
import { WorkgroupSwitchColor } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<WorkgroupSwitchColor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WORKGROUP_SWITCH_COLOR } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, WORKGROUP_SWITCH_COLOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=workgroup_switch;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Workgroup Switch (subdued)
- Preview
- Usage
- Definition
import { WorkgroupSwitchSubdued } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<WorkgroupSwitchSubdued/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WORKGROUP_SWITCH_SUBDUED } from '@dinghy/diagrams/entitiesCisco19LanSwitching'
<Shape
{...props}
_style={extendStyle(props, WORKGROUP_SWITCH_SUBDUED)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=workgroup_switch;fillColor=#FAFAFA;strokeColor=#6696AB;',
},
_original_width: 50,
_original_height: 50,
}