Cisco Storage Entities
Cisco File Engine
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition

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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition

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)}
/>
{
_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,
}