Cisco SD-WAN and Viptela Entities

vBond

Preview

Usage

import { Vbond } from '@dinghy/diagrams/entitiesCisco19SdWanAndViptela'

<Vbond/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VBOND } from '@dinghy/diagrams/entitiesCisco19SdWanAndViptela'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.145,0.145,0],[0.8555,0.145,0],[0.855,0.8555,0],[0.145,0.855,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=vbond;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}

vManage

Preview

Usage

import { Vmanage } from '@dinghy/diagrams/entitiesCisco19SdWanAndViptela'

<Vmanage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VMANAGE } from '@dinghy/diagrams/entitiesCisco19SdWanAndViptela'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.145,0.145,0],[0.8555,0.145,0],[0.855,0.8555,0],[0.145,0.855,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=vmanage;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}

vSmart

Preview

Usage

import { Vsmart } from '@dinghy/diagrams/entitiesCisco19SdWanAndViptela'

<Vsmart/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VSMART } from '@dinghy/diagrams/entitiesCisco19SdWanAndViptela'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.145,0.145,0],[0.8555,0.145,0],[0.855,0.8555,0],[0.145,0.855,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=vsmart;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}