Aws Application Integration Entities
API Gateway
- Preview
- Usage
- Definition
import { ApiGateway } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<ApiGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { API_GATEWAY } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, API_GATEWAY)}
/>
{
_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=#E7157B;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.api_gateway;',
},
_original_width: 78,
_original_height: 78,
}
API Gateway Endpoint
- Preview
- Usage
- Definition
import { ApiGatewayEndpoint } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<ApiGatewayEndpoint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { API_GATEWAY_ENDPOINT } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, API_GATEWAY_ENDPOINT)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.endpoint;',
},
_original_width: 78,
_original_height: 78,
}
AppFlow
- Preview
- Usage
- Definition
import { Appflow } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Appflow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPFLOW } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, APPFLOW)}
/>
{
_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=#E7157B;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.appflow;',
},
_original_width: 78,
_original_height: 78,
}
Application Integration
- Preview
- Usage
- Definition
import { ApplicationIntegration } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<ApplicationIntegration/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_INTEGRATION } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_INTEGRATION)}
/>
{
_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=#E7157B;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.application_integration;',
},
_original_width: 78,
_original_height: 78,
}
AppSync
- Preview
- Usage
- Definition
import { Appsync } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Appsync/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPSYNC } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, APPSYNC)}
/>
{
_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=#E7157B;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.appsync;',
},
_original_width: 78,
_original_height: 78,
}
B2B Data Interchange
- Preview
- Usage
- Definition
import { B2bDataInterchange } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<B2bDataInterchange/>
// or
import { extendStyle } from "@dinghy/base-components";
import { B2B_DATA_INTERCHANGE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, B2B_DATA_INTERCHANGE)}
/>
{
_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=#E7157B;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.b2b_data_interchange;',
},
_original_width: 78,
_original_height: 78,
}
Console Mobile Application
- Preview
- Usage
- Definition
import { ConsoleMobileApplication } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<ConsoleMobileApplication/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONSOLE_MOBILE_APPLICATION } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, CONSOLE_MOBILE_APPLICATION)}
/>
{
_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=#E7157B;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.mobile_application;',
},
_original_width: 78,
_original_height: 78,
}
Custom Event Bus
- Preview
- Usage
- Definition
import { CustomEventBus } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<CustomEventBus/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CUSTOM_EVENT_BUS } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, CUSTOM_EVENT_BUS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.eventbridge_custom_event_bus_resource;',
},
_original_width: 78,
_original_height: 69,
}
Default Event Bus
- Preview
- Usage
- Definition
import { DefaultEventBus } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<DefaultEventBus/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_EVENT_BUS } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, DEFAULT_EVENT_BUS)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.eventbridge_default_event_bus_resource;',
},
_width: 78,
_height: 53,
}
Email Notification
- Preview
- Usage
- Definition
import { EmailNotification } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<EmailNotification/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EMAIL_NOTIFICATION } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EMAIL_NOTIFICATION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.email_notification;',
},
_original_width: 78,
_original_height: 78,
}
Event
- Preview
- Usage
- Definition
import { Event } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Event/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENT } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EVENT)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.event;',
},
_original_width: 78,
_original_height: 78,
}
Event Resource
- Preview
- Usage
- Definition
import { EventResource } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<EventResource/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENT_RESOURCE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EVENT_RESOURCE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.event_resource;',
},
_original_width: 78,
_original_height: 78,
}
EventBridge
- Preview
- Usage
- Definition
import { Eventbridge } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Eventbridge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENTBRIDGE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EVENTBRIDGE)}
/>
{
_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=#E7157B;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.eventbridge;',
},
_original_width: 78,
_original_height: 78,
}
EventBridge Pipes
- Preview
- Usage
- Definition
import { EventbridgePipes } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<EventbridgePipes/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENTBRIDGE_PIPES } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EVENTBRIDGE_PIPES)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.eventbridge_pipes;',
},
_original_width: 78,
_original_height: 78,
}
EventBridge Scheduler
- Preview
- Usage
- Definition
import { EventbridgeScheduler } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<EventbridgeScheduler/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENTBRIDGE_SCHEDULER } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EVENTBRIDGE_SCHEDULER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.eventbridge_scheduler;',
},
_original_width: 78,
_original_height: 78,
}
EventBridge Schema
- Preview
- Usage
- Definition
import { EventbridgeSchema } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<EventbridgeSchema/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENTBRIDGE_SCHEMA } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EVENTBRIDGE_SCHEMA)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.eventbridge_schema;',
},
_original_width: 78,
_original_height: 78,
}
EventBridge Schema Registry
- Preview
- Usage
- Definition
import { EventbridgeSchemaRegistry } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<EventbridgeSchemaRegistry/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EVENTBRIDGE_SCHEMA_REGISTRY } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EVENTBRIDGE_SCHEMA_REGISTRY)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.eventbridge_schema_registry;',
},
_original_width: 78,
_original_height: 78,
}
Express Workflows
- Preview
- Usage
- Definition
import { ExpressWorkflows } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<ExpressWorkflows/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXPRESS_WORKFLOWS } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, EXPRESS_WORKFLOWS)}
/>
{
_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=#E7157B;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.express_workflow;',
},
_original_width: 78,
_original_height: 78,
}
HTTP Notification
- Preview
- Usage
- Definition
import { HttpNotification } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<HttpNotification/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HTTP_NOTIFICATION } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, HTTP_NOTIFICATION)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.http_notification;',
},
_original_width: 78,
_original_height: 78,
}
Managed Workflows for Apache Airflow
- Preview
- Usage
- Definition
import { ManagedWorkflowsForApacheAirflow } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<ManagedWorkflowsForApacheAirflow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MANAGED_WORKFLOWS_FOR_APACHE_AIRFLOW } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, MANAGED_WORKFLOWS_FOR_APACHE_AIRFLOW)}
/>
{
_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=#E7157B;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_workflows_for_apache_airflow;',
},
_original_width: 78,
_original_height: 78,
}
Message
- Preview
- Usage
- Definition
import { Message } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Message/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, MESSAGE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.message;',
},
_original_width: 67,
_original_height: 78,
}
MQ
- Preview
- Usage
- Definition
import { Mq } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Mq/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MQ } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, MQ)}
/>
{
_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=#E7157B;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.mq;',
},
_original_width: 78,
_original_height: 78,
}
MQ Broker
- Preview
- Usage
- Definition

import { MqBroker } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<MqBroker/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MQ_BROKER } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, MQ_BROKER)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.mq_broker;',
},
_original_width: 78,
_original_height: 69,
}
Queue
- Preview
- Usage
- Definition
import { Queue } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Queue/>
// or
import { extendStyle } from "@dinghy/base-components";
import { QUEUE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, QUEUE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.queue;',
},
_width: 78,
_height: 47,
}
Rule
- Preview
- Usage
- Definition
import { Rule } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Rule/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RULE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, RULE)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.rule_3;',
},
_original_width: 78,
_original_height: 68,
}
SaaS Partner Event
- Preview
- Usage
- Definition
import { SaasPartnerEvent } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<SaasPartnerEvent/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAAS_PARTNER_EVENT } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, SAAS_PARTNER_EVENT)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.eventbridge_saas_partner_event_bus_resource;',
},
_original_width: 78,
_original_height: 78,
}
Simple Notification Service
- Preview
- Usage
- Definition
import { SimpleNotificationService } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<SimpleNotificationService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLE_NOTIFICATION_SERVICE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, SIMPLE_NOTIFICATION_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;fillColor=#E7157B;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.sns;',
},
_original_width: 78,
_original_height: 78,
}
Simple Queue Service
- Preview
- Usage
- Definition
import { SimpleQueueService } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<SimpleQueueService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLE_QUEUE_SERVICE } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, SIMPLE_QUEUE_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;fillColor=#E7157B;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.sqs;',
},
_original_width: 78,
_original_height: 78,
}
Step Functions
- Preview
- Usage
- Definition
import { StepFunctions } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<StepFunctions/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STEP_FUNCTIONS } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, STEP_FUNCTIONS)}
/>
{
_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=#E7157B;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.step_functions;',
},
_original_width: 78,
_original_height: 78,
}
Topic
- Preview
- Usage
- Definition
import { Topic } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Topic/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TOPIC } from '@dinghy/diagrams/entitiesAwsApplicationIntegration'
<Shape
{...props}
_style={extendStyle(props, TOPIC)}
/>
{
_style: {
entity: 'sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#E7157B;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.topic;',
},
_original_width: 78,
_original_height: 67,
}