Cisco Buildings Entities

Branch Office

Preview

Usage

import { BranchOffice } from '@dinghy/diagrams/entitiesCiscoBuildings'

<BranchOffice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BRANCH_OFFICE } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

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

End Office

Preview

Usage

import { EndOffice } from '@dinghy/diagrams/entitiesCiscoBuildings'

<EndOffice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { END_OFFICE } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

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

}

Generic Building

Preview

Usage

import { GenericBuilding } from '@dinghy/diagrams/entitiesCiscoBuildings'

<GenericBuilding/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_BUILDING } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.buildings.generic_building;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: 136,
}

Government Building

Preview

Usage

import { GovernmentBuilding } from '@dinghy/diagrams/entitiesCiscoBuildings'

<GovernmentBuilding/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOVERNMENT_BUILDING } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

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

MDU

Preview

Usage

import { Mdu } from '@dinghy/diagrams/entitiesCiscoBuildings'

<Mdu/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MDU } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.cisco.buildings.mdu;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: 80,

}

Small Business

Preview

Usage

import { SmallBusiness } from '@dinghy/diagrams/entitiesCiscoBuildings'

<SmallBusiness/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SMALL_BUSINESS } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

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

Telecommuter House

Preview

Usage

import { TelecommuterHouse } from '@dinghy/diagrams/entitiesCiscoBuildings'

<TelecommuterHouse/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TELECOMMUTER_HOUSE } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

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

Telecommuter House PC

Preview

Usage

import { TelecommuterHousePc } from '@dinghy/diagrams/entitiesCiscoBuildings'

<TelecommuterHousePc/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TELECOMMUTER_HOUSE_PC } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

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

University

Preview

Usage

import { University } from '@dinghy/diagrams/entitiesCiscoBuildings'

<University/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNIVERSITY } from '@dinghy/diagrams/entitiesCiscoBuildings'

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

Definition

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