Cisco Hubs and Gateways Entities

100BaseT Hub

Preview

Usage

import { Component100basetHub } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<Component100basetHub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMPONENT_100BASET_HUB } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.hubs_and_gateways.100baset_hub;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: 45,
}

Cisco Hub

Preview

Usage

import { CiscoHub } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<CiscoHub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_HUB } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.hubs_and_gateways.cisco_hub;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: 58,

}

Generic Gateway

Preview

Usage

import { GenericGateway } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<GenericGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_GATEWAY } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.hubs_and_gateways.generic_gateway;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: 74,

}

Hub

Preview

Usage

import { Hub } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<Hub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HUB } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.hubs_and_gateways.hub;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: 58,

}

MAS Gateway

Preview

Usage

import { MasGateway } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<MasGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAS_GATEWAY } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

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

}

Small Hub

Preview

Usage

import { SmallHub } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<SmallHub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SMALL_HUB } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.hubs_and_gateways.small_hub;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: 45,
}

Universal Gateway

Preview

Usage

import { UniversalGateway } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<UniversalGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNIVERSAL_GATEWAY } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

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

}

VPN Gateway

Preview

Usage

import { VpnGateway } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

<VpnGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPN_GATEWAY } from '@dinghy/diagrams/entitiesCiscoHubsAndGateways'

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

Definition

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