Aws Customer Engagement Entities
Connect
- Preview
- Usage
- Definition
import { Connect } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<Connect/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONNECT } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<Shape
{...props}
_style={extendStyle(props, CONNECT)}
/>
{
_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;gradientColor=#4D72F3;gradientDirection=north;fillColor=#3334B9;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.connect;',
},
_original_width: 78,
_original_height: 78,
}
Customer Engagement
- Preview
- Usage
- Definition
import { CustomerEngagement } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<CustomerEngagement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CUSTOMER_ENGAGEMENT } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<Shape
{...props}
_style={extendStyle(props, CUSTOMER_ENGAGEMENT)}
/>
{
_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;gradientColor=#4D72F3;gradientDirection=north;fillColor=#3334B9;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.customer_engagement;',
},
_original_width: 78,
_original_height: 78,
}
Pinpoint
- Preview
- Usage
- Definition

import { Pinpoint } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<Pinpoint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PINPOINT } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<Shape
{...props}
_style={extendStyle(props, PINPOINT)}
/>
{
_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;gradientColor=#4D72F3;gradientDirection=north;fillColor=#3334B9;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.pinpoint;',
},
_original_width: 78,
_original_height: 78,
}
Simple Email Service
- Preview
- Usage
- Definition

import { SimpleEmailService } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<SimpleEmailService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLE_EMAIL_SERVICE } from '@dinghy/diagrams/entitiesAwsCustomerEngagement'
<Shape
{...props}
_style={extendStyle(props, SIMPLE_EMAIL_SERVICE)}
/>
{
_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;gradientColor=#4D72F3;gradientDirection=north;fillColor=#3334B9;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.simple_email_service;',
},
_original_width: 78,
_original_height: 78,
}