Aws18 Customer Engagement Entities

Amazon Connect

Preview

Usage

import { AmazonConnect } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

<AmazonConnect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_CONNECT } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.connect;',
  },
  _width: 80,
  _height: 110,
}

Amazon Pinpoint

Preview

Usage

import { AmazonPinpoint } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

<AmazonPinpoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_PINPOINT } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.pinpoint;',
  },
  _width: 80,
  _height: 110,
}

Amazon Simple Email Service

Preview

Usage

import { AmazonSimpleEmailService } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

<AmazonSimpleEmailService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_SIMPLE_EMAIL_SERVICE } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.simple_email_service;',
  },
  _width: 80,
  _height: 110,
}

Email

Preview

Usage

import { Email } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

<Email/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL } from '@dinghy/diagrams/entitiesAws18CustomerEngagement'

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

Definition

{
  _style: {
    entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#232F3E;fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.email;',
  },
  _original_width: 60,
  _original_height: 60,

}