Cisco Storage Entities

Cisco File Engine

Preview

Usage

import { CiscoFileEngine } from '@dinghy/diagrams/entitiesCiscoStorage'

<CiscoFileEngine/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_FILE_ENGINE } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.cisco_file_engine;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _width: 90,
  _height: 64,
}

Cloud

Preview

Usage

import { Cloud } from '@dinghy/diagrams/entitiesCiscoStorage'

<Cloud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.cloud;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _width: 186,
  _height: 106,
}

Diskette

Preview

Usage

import { Diskette } from '@dinghy/diagrams/entitiesCiscoStorage'

<Diskette/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DISKETTE } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.diskette;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _original_width: 51,
  _original_height: 50,

}

FC Storage

Preview

Usage

import { FcStorage } from '@dinghy/diagrams/entitiesCiscoStorage'

<FcStorage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FC_STORAGE } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.fc_storage;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _width: 77,
  _height: 43,
}

Fibre Channel Disk Subsystem

Preview

Usage

import { FibreChannelDiskSubsystem } from '@dinghy/diagrams/entitiesCiscoStorage'

<FibreChannelDiskSubsystem/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIBRE_CHANNEL_DISK_SUBSYSTEM } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.fibre_channel_disk_subsystem;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _original_width: 43,
  _original_height: 62,

}

File Cabinet

Preview

Usage

import { FileCabinet } from '@dinghy/diagrams/entitiesCiscoStorage'

<FileCabinet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FILE_CABINET } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.file_cabinet;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _original_width: 51,
  _original_height: 62,

}

Relational Database

Preview

Usage

import { RelationalDatabase } from '@dinghy/diagrams/entitiesCiscoStorage'

<RelationalDatabase/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RELATIONAL_DATABASE } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.relational_database;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: 53,

}

Tape Array

Preview

Usage

import { TapeArray } from '@dinghy/diagrams/entitiesCiscoStorage'

<TapeArray/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TAPE_ARRAY } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.tape_array;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _original_width: 43,
  _original_height: 62,

}

Web Cluster

Preview

Usage

import { WebCluster } from '@dinghy/diagrams/entitiesCiscoStorage'

<WebCluster/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_CLUSTER } from '@dinghy/diagrams/entitiesCiscoStorage'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.storage.web_cluster;sketch=0;html=1;pointerEvents=1;dashed=0;fillColor=#036897;strokeColor=#ffffff;strokeWidth=2;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;',
  },
  _width: 186,
  _height: 106,
}