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,
}