Aws Blockchain Entities

Blockchain

Preview

Usage

import { Blockchain } from '@dinghy/diagrams/entitiesAwsBlockchain'

<Blockchain/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOCKCHAIN } from '@dinghy/diagrams/entitiesAwsBlockchain'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.blockchain;',
  },
  _original_width: 78,
  _original_height: 78,

}

Blockchain 2

Preview

Usage

import { Blockchain2 } from '@dinghy/diagrams/entitiesAwsBlockchain'

<Blockchain2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOCKCHAIN_2 } from '@dinghy/diagrams/entitiesAwsBlockchain'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#ED7100;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.blockchain_resource;',
  },
  _width: 78,
  _height: 25,
}

Managed Blockchain

Preview

Usage

import { ManagedBlockchain } from '@dinghy/diagrams/entitiesAwsBlockchain'

<ManagedBlockchain/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MANAGED_BLOCKCHAIN } from '@dinghy/diagrams/entitiesAwsBlockchain'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.managed_blockchain;',
  },
  _original_width: 78,
  _original_height: 78,

}

Quantum Ledger Database

Preview

Usage

import { QuantumLedgerDatabase } from '@dinghy/diagrams/entitiesAwsBlockchain'

<QuantumLedgerDatabase/>

// or

import { extendStyle } from "@dinghy/base-components";
import { QUANTUM_LEDGER_DATABASE } from '@dinghy/diagrams/entitiesAwsBlockchain'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.quantum_ledger_database;',
  },
  _original_width: 78,
  _original_height: 78,

}