Cisco DNA/SD-Access Entities

Cisco DNA

Preview

Usage

import { CiscoDna } from '@dinghy/diagrams/entitiesCisco19DnaSdAccess'

<CiscoDna/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_DNA } from '@dinghy/diagrams/entitiesCisco19DnaSdAccess'

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

Definition

{
  _style: {
    entity: 'points=[[0.5,0.37,0],[1,0.09,0],[1,0.9,0],[0,0.08,0],[0,0.91,0],[0.5,0.61,0],[0.045,0.5,0],[0.96,0.5,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.cisco_dna;fillColor=#005073;strokeColor=none;',
  },
  _width: 50,
  _height: 30,
}

Cisco DNA Center

Preview

Usage

import { CiscoDnaCenter } from '@dinghy/diagrams/entitiesCisco19DnaSdAccess'

<CiscoDnaCenter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_DNA_CENTER } from '@dinghy/diagrams/entitiesCisco19DnaSdAccess'

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

Definition

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

}