Rack General Entities

Cabinet Leg

Preview

Usage

import { CabinetLeg } from '@dinghy/diagrams/entitiesRackGeneral'

<CabinetLeg/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CABINET_LEG } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.rackGeneral.cabinetLeg;html=1;shadow=0;dashed=0;fillColor=#444444;strokeColor=#444444;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;',
  },
  _original_width: 50,
  _original_height: 50,

}

CAT5e Enhanced Patch Panel 48 ports

Preview

Usage

import { Cat5eEnhancedPatchPanel48Ports } from '@dinghy/diagrams/entitiesRackGeneral'

<Cat5eEnhancedPatchPanel48Ports/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CAT5E_ENHANCED_PATCH_PANEL_48_PORTS } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rack.general.cat5e_enhanced_patch_panel_48_ports;',
  },
  _width: 160,
  _height: 30,
}

CAT5e Rack Mount Patch Panel 24 ports

Preview

Usage

import { Cat5eRackMountPatchPanel24Ports } from '@dinghy/diagrams/entitiesRackGeneral'

<Cat5eRackMountPatchPanel24Ports/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CAT5E_RACK_MOUNT_PATCH_PANEL_24_PORTS } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rack.general.cat5e_rack_mount_patch_panel_24_ports;',
  },
  _width: 160,
  _height: 15,
}

CAT5e Rack Mount Patch Panel 96 ports

Preview

Usage

import { Cat5eRackMountPatchPanel96Ports } from '@dinghy/diagrams/entitiesRackGeneral'

<Cat5eRackMountPatchPanel96Ports/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CAT5E_RACK_MOUNT_PATCH_PANEL_96_PORTS } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rack.general.cat5e_rack_mount_patch_panel_96_ports;',
  },
  _width: 160,
  _height: 60,
}

Channel Base

Preview

Usage

import { ChannelBase } from '@dinghy/diagrams/entitiesRackGeneral'

<ChannelBase/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHANNEL_BASE } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rackGeneral.channelBase;',
  },
  _width: 200,
  _height: 30,
}

Cover Plate

Preview

Usage

import { CoverPlate } from '@dinghy/diagrams/entitiesRackGeneral'

<CoverPlate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COVER_PLATE } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rackGeneral.plate;fillColor=#e8e8e8;',
  },
  _width: 160,
  _height: 15,
}

Horizontal Cable Duct

Preview

Usage

import { HorizontalCableDuct } from '@dinghy/diagrams/entitiesRackGeneral'

<HorizontalCableDuct/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HORIZONTAL_CABLE_DUCT } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rackGeneral.horCableDuct;',
  },
  _width: 160,
  _height: 15,
}

Horizontal Routing Bank

Preview

Usage

import { HorizontalRoutingBank } from '@dinghy/diagrams/entitiesRackGeneral'

<HorizontalRoutingBank/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HORIZONTAL_ROUTING_BANK } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rackGeneral.horRoutingBank;',
  },
  _width: 160,
  _height: 20,
}

Hub

Preview

Usage

import { Hub } from '@dinghy/diagrams/entitiesRackGeneral'

<Hub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HUB } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rack.general.hub;',
  },
  _width: 160,
  _height: 30,
}

Neat-Patch

Preview

Usage

import { NeatPatch } from '@dinghy/diagrams/entitiesRackGeneral'

<NeatPatch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEAT_PATCH } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rackGeneral.neatPatch;',
  },
  _width: 160,
  _height: 30,
}

Server

Preview

Usage

import { Server } from '@dinghy/diagrams/entitiesRackGeneral'

<Server/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rack.general.1u_rack_server;',
  },
  _width: 160,
  _height: 15,
}

Server 1

Preview

Usage

import { Server1 } from '@dinghy/diagrams/entitiesRackGeneral'

<Server1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_1 } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;outlineConnect=0;shadow=0;dashed=0;shape=mxgraph.rack.general.server_1;',
  },
  _width: 73,
  _height: 150,
}

Server 2

Preview

Usage

import { Server2 } from '@dinghy/diagrams/entitiesRackGeneral'

<Server2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_2 } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;outlineConnect=0;shadow=0;dashed=0;shape=mxgraph.rack.general.server_2;',
  },
  _width: 73,
  _height: 150,
}

Server 3

Preview

Usage

import { Server3 } from '@dinghy/diagrams/entitiesRackGeneral'

<Server3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_3 } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;outlineConnect=0;shadow=0;dashed=0;shape=mxgraph.rack.general.server_3;',
  },
  _width: 73,
  _height: 150,
}

Spacing

Preview

Usage

import { Spacing } from '@dinghy/diagrams/entitiesRackGeneral'

<Spacing/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPACING } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;text;',
  },
  _width: 160,
  _height: 15,
}

Switches 1

Preview

Usage

import { Switches1 } from '@dinghy/diagrams/entitiesRackGeneral'

<Switches1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCHES_1 } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rack.general.switches_1;',
  },
  _width: 160,
  _height: 30,
}

Switches 2

Preview

Usage

import { Switches2 } from '@dinghy/diagrams/entitiesRackGeneral'

<Switches2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCHES_2 } from '@dinghy/diagrams/entitiesRackGeneral'

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

Definition

{
  _style: {
    entity: 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;shape=mxgraph.rack.general.switches_2;',
  },
  _width: 160,
  _height: 30,
}