Aws18 Mobile Services Entities

Amazon API Gateway

Preview

Usage

import { AmazonApiGateway } from '@dinghy/diagrams/entitiesAws18MobileServices'

<AmazonApiGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_API_GATEWAY } from '@dinghy/diagrams/entitiesAws18MobileServices'

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

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.api_gateway;',
  },
  _width: 80,
  _height: 110,
}

Amazon Pinpoint

Preview

Usage

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

<AmazonPinpoint/>

// or

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

<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,
}

AWS AppSync

Preview

Usage

import { AwsAppsync } from '@dinghy/diagrams/entitiesAws18MobileServices'

<AwsAppsync/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_APPSYNC } from '@dinghy/diagrams/entitiesAws18MobileServices'

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

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.appsync;',
  },
  _width: 80,
  _height: 100,
}

AWS Device Farm

Preview

Usage

import { AwsDeviceFarm } from '@dinghy/diagrams/entitiesAws18MobileServices'

<AwsDeviceFarm/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_DEVICE_FARM } from '@dinghy/diagrams/entitiesAws18MobileServices'

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

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.device_farm;',
  },
  _width: 80,
  _height: 110,
}

AWS Mobile Hub

Preview

Usage

import { AwsMobileHub } from '@dinghy/diagrams/entitiesAws18MobileServices'

<AwsMobileHub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_MOBILE_HUB } from '@dinghy/diagrams/entitiesAws18MobileServices'

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

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.mobile_hub;',
  },
  _width: 80,
  _height: 110,
}