Rack General Containers

Numbered Rack Cabinet

Preview

Usage

import { NumberedRackCabinet } from '@dinghy/diagrams/containersRackGeneral'

<NumberedRackCabinet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NUMBERED_RACK_CABINET } from '@dinghy/diagrams/containersRackGeneral'

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

Definition

{
  _style: {
    container: 'strokeColor=#666666;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;outlineConnect=0;shadow=0;dashed=0;shape=mxgraph.rackGeneral.rackCabinet3;fillColor2=#f4f4f4;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=33;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=ascend;',
    entity:{
      strokeColor:'#666666',},
    },
}

Rack Cabinet

Preview

Usage

import { RackCabinet } from '@dinghy/diagrams/containersRackGeneral'

<RackCabinet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RACK_CABINET } from '@dinghy/diagrams/containersRackGeneral'

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

Definition

{
  _style: {
    container: 'strokeColor=#666666;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;outlineConnect=0;shadow=0;dashed=0;shape=mxgraph.rackGeneral.rackCabinet3;fillColor2=#f4f4f4;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=9;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=off;',
    entity:{
      strokeColor:'#666666',},
    },
}

Shelf

Preview

Usage

import { Shelf } from '@dinghy/diagrams/containersRackGeneral'

<Shelf/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHELF } from '@dinghy/diagrams/containersRackGeneral'

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

Definition

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