Networking Cumulus Entities

Athens Gray

Preview
Usage
Definition

import { AthensGray } from '@dinghy/diagrams/entitiesCumulus'

<AthensGray/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ATHENS_GRAY } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#EAEDF2;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Cadet Blue

Preview
Usage
Definition

import { CadetBlue } from '@dinghy/diagrams/entitiesCumulus'

<CadetBlue/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CADET_BLUE } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#AEB8C3;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Chassis - Bare Metal Empty

Preview
Usage
Definition

import { ChassisBareMetalEmpty } from '@dinghy/diagrams/entitiesCumulus'

<ChassisBareMetalEmpty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHASSIS_BARE_METAL_EMPTY } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/chassis_bare_metal_empty.svg;strokeColor=none;',
  },
  _width: 106,
  _height: 72,
}

Chassis - Cumulus Linux

Preview
Usage
Definition

import { ChassisCumulusLinux } from '@dinghy/diagrams/entitiesCumulus'

<ChassisCumulusLinux/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHASSIS_CUMULUS_LINUX } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/chassis_cumulus_linux.svg;strokeColor=none;',
  },
  _width: 106,
  _height: 72,
}

Container

Preview
Usage
Definition

import { Container } from '@dinghy/diagrams/entitiesCumulus'

<Container/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTAINER } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/container.svg;strokeColor=none;',
  },
  _original_width: 90,
  _original_height: 80,

}

DDos Server

Preview
Usage
Definition

import { DdosServer } from '@dinghy/diagrams/entitiesCumulus'

<DdosServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DDOS_SERVER } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/ddos_server.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 20,
}

Energy Jellow

Preview
Usage
Definition

import { EnergyJellow } from '@dinghy/diagrams/entitiesCumulus'

<EnergyJellow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENERGY_JELLOW } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#FFC82E;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Fern

Preview
Usage
Definition

import { Fern } from '@dinghy/diagrams/entitiesCumulus'

<Fern/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FERN } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#4BC05B;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Gray Chateau

Preview
Usage
Definition

import { GrayChateau } from '@dinghy/diagrams/entitiesCumulus'

<GrayChateau/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GRAY_CHATEAU } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#8C9AA6;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Half Baked

Preview
Usage
Definition

import { HalfBaked } from '@dinghy/diagrams/entitiesCumulus'

<HalfBaked/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HALF_BAKED } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#78CDD1;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Heather

Preview
Usage
Definition

import { Heather } from '@dinghy/diagrams/entitiesCumulus'

<Heather/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HEATHER } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#D2D6DF;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Internet

Preview
Usage
Definition

import { Internet } from '@dinghy/diagrams/entitiesCumulus'

<Internet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERNET } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;image=img/lib/cumulus/internet.svg;labelPosition=center;verticalLabelPosition=middle;verticalAlign=middle;fontSize=14;fontColor=#36424A;whiteSpace=wrap;strokeColor=none;',
  },
  _width: 274,
  _height: 98,
}

Jade

Preview
Usage
Definition

import { Jade } from '@dinghy/diagrams/entitiesCumulus'

<Jade/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JADE } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#00AD69;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Limed Spruce

Preview
Usage
Definition

import { LimedSpruce } from '@dinghy/diagrams/entitiesCumulus'

<LimedSpruce/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIMED_SPRUCE } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/limed_spruce.svg;strokeColor=none;',
  },
  _width: 300,
  _height: 68,
}

Limited Spruce

Preview
Usage
Definition

import { LimitedSpruce } from '@dinghy/diagrams/entitiesCumulus'

<LimitedSpruce/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIMITED_SPRUCE } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#36424A;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Linux Icon

Preview
Usage
Definition

import { LinuxIcon } from '@dinghy/diagrams/entitiesCumulus'

<LinuxIcon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINUX_ICON } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/cumulus_linux_icon.svg;strokeColor=none;',
  },
  _original_width: 96,
  _original_height: 96,

}

Mantis

Preview
Usage
Definition

import { Mantis } from '@dinghy/diagrams/entitiesCumulus'

<Mantis/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MANTIS } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#7CCC6C;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Neon Carrot

Preview
Usage
Definition

import { NeonCarrot } from '@dinghy/diagrams/entitiesCumulus'

<NeonCarrot/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEON_CARROT } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#FFA12D;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

NetQ Agent

Preview
Usage
Definition

import { NetqAgent } from '@dinghy/diagrams/entitiesCumulus'

<NetqAgent/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETQ_AGENT } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/netq_agent.svg;strokeColor=none;',
  },
  _original_width: 18,
  _original_height: 18,

}

NetQ Chassis

Preview
Usage
Definition

import { NetqChassis } from '@dinghy/diagrams/entitiesCumulus'

<NetqChassis/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETQ_CHASSIS } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/netq_chassis.svg;strokeColor=none;',
  },
  _width: 106,
  _height: 72,
}

NetQ Icon

Preview
Usage
Definition

import { NetqIcon } from '@dinghy/diagrams/entitiesCumulus'

<NetqIcon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETQ_ICON } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/cumulus_netq_icon.svg;strokeColor=none;',
  },
  _original_width: 96,
  _original_height: 96,

}

NetQ Server

Preview
Usage
Definition

import { NetqServer } from '@dinghy/diagrams/entitiesCumulus'

<NetqServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETQ_SERVER } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/netq_server.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 20,
}

NetQ Telemetry Server

Preview
Usage
Definition

import { NetqTelemetryServer } from '@dinghy/diagrams/entitiesCumulus'

<NetqTelemetryServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETQ_TELEMETRY_SERVER } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/netq_telemetry_server.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 24,
}

Nevada

Preview
Usage
Definition

import { Nevada } from '@dinghy/diagrams/entitiesCumulus'

<Nevada/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEVADA } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#515D68;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Observatory

Preview
Usage
Definition

import { Observatory } from '@dinghy/diagrams/entitiesCumulus'

<Observatory/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OBSERVATORY } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#009271;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Package Diagram

Preview
Usage
Definition

import { PackageDiagram } from '@dinghy/diagrams/entitiesCumulus'

<PackageDiagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE_DIAGRAM } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'rounded=0;whiteSpace=wrap;html=1;fillColor=#FB9F41;strokeColor=none;fontColor=#FFFFFF;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 24,
}

Package Diagram 2

Preview
Usage
Definition

import { PackageDiagram2 } from '@dinghy/diagrams/entitiesCumulus'

<PackageDiagram2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE_DIAGRAM_2 } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'text;verticalAlign=middle;align=center;fontColor=#FB9F41;fontStyle=1;html=1;whiteSpace=wrap;',
  },
  _width: 1,
  _height: 24,
}

Rack Bare Metal

Preview
Usage
Definition

import { RackBareMetal } from '@dinghy/diagrams/entitiesCumulus'

<RackBareMetal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RACK_BARE_METAL } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/rack_bare_metal.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 114,
}

Rack Cumulus Linux

Preview
Usage
Definition

import { RackCumulusLinux } from '@dinghy/diagrams/entitiesCumulus'

<RackCumulusLinux/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RACK_CUMULUS_LINUX } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/rack_cumulus_linux.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 114,
}

Rack Out of Band

Preview
Usage
Definition

import { RackOutOfBand } from '@dinghy/diagrams/entitiesCumulus'

<RackOutOfBand/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RACK_OUT_OF_BAND } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/rack_out_of_band.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 114,
}

Rack Voyager

Preview
Usage
Definition

import { RackVoyager } from '@dinghy/diagrams/entitiesCumulus'

<RackVoyager/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RACK_VOYAGER } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/rack_voyager.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 114,
}

Radical Red

Preview
Usage
Definition

import { RadicalRed } from '@dinghy/diagrams/entitiesCumulus'

<RadicalRed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RADICAL_RED } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#F1446F;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Rarity

Preview
Usage
Definition

import { Rarity } from '@dinghy/diagrams/entitiesCumulus'

<Rarity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RARITY } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#83389B;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Rolling Stone

Preview
Usage
Definition

import { RollingStone } from '@dinghy/diagrams/entitiesCumulus'

<RollingStone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROLLING_STONE } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#6E7B86;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Seagull

Preview
Usage
Definition

import { Seagull } from '@dinghy/diagrams/entitiesCumulus'

<Seagull/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SEAGULL } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'fillColor=#1EB5BD;strokeColor=none;whiteSpace=wrap;html=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Server - Bare Metal

Preview
Usage
Definition

import { ServerBareMetal } from '@dinghy/diagrams/entitiesCumulus'

<ServerBareMetal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_BARE_METAL } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/server_bare_metal.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 20,
}

Switch

Preview
Usage
Definition

import { Switch } from '@dinghy/diagrams/entitiesCumulus'

<Switch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/switch.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 20,
}

Switch - Bare Metal (empty)

Preview
Usage
Definition

import { SwitchBareMetalEmpty } from '@dinghy/diagrams/entitiesCumulus'

<SwitchBareMetalEmpty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_BARE_METAL_EMPTY } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/switch_bare_metal_empty.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 24,
}

Switch - Cumulus Linux

Preview
Usage
Definition

import { SwitchCumulusLinux } from '@dinghy/diagrams/entitiesCumulus'

<SwitchCumulusLinux/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_CUMULUS_LINUX } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/switch_cumulus_linux.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 24,
}

Switch - Out of Band

Preview
Usage
Definition

import { SwitchOutOfBand } from '@dinghy/diagrams/entitiesCumulus'

<SwitchOutOfBand/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_OUT_OF_BAND } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/switch_out_of_band.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 24,
}

Switch Voyager

Preview
Usage
Definition

import { SwitchVoyager } from '@dinghy/diagrams/entitiesCumulus'

<SwitchVoyager/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_VOYAGER } from '@dinghy/diagrams/entitiesCumulus'

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

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;fontSize=12;verticalAlign=top;fontColor=#364149;shadow=0;dashed=0;image=img/lib/cumulus/switch_voyager.svg;strokeColor=none;',
  },
  _width: 96,
  _height: 24,
}

Athens Gray​

Cadet Blue​

Chassis - Bare Metal Empty​

Chassis - Cumulus Linux​

Container​

DDos Server​

Energy Jellow​

Fern​

Gray Chateau​

Half Baked​

Heather​

Internet​

Jade​

Limed Spruce​

Limited Spruce​

Linux Icon​

Mantis​

Neon Carrot​

NetQ Agent​

NetQ Chassis​

NetQ Icon​

NetQ Server​

NetQ Telemetry Server​

Nevada​

Observatory​

Package Diagram​

Package Diagram 2​

Rack Bare Metal​

Rack Cumulus Linux​

Rack Out of Band​

Rack Voyager​

Radical Red​

Rarity​

Rolling Stone​

Seagull​

Server - Bare Metal​

Switch​

Switch - Bare Metal (empty)​

Switch - Cumulus Linux​

Switch - Out of Band​

Switch Voyager​

Athens Gray

Cadet Blue

Chassis - Bare Metal Empty

Chassis - Cumulus Linux

Container

DDos Server

Energy Jellow

Fern

Gray Chateau

Half Baked

Heather

Internet

Jade

Limed Spruce

Limited Spruce

Linux Icon

Mantis

Neon Carrot

NetQ Agent

NetQ Chassis

NetQ Icon

NetQ Server

NetQ Telemetry Server

Nevada

Observatory

Package Diagram

Package Diagram 2

Rack Bare Metal

Rack Cumulus Linux

Rack Out of Band

Rack Voyager

Radical Red

Rarity

Rolling Stone

Seagull

Server - Bare Metal

Switch

Switch - Bare Metal (empty)

Switch - Cumulus Linux

Switch - Out of Band

Switch Voyager