Aws18 Cost Management Entities

AWS Budgets

Preview

Usage

import { AwsBudgets } from '@dinghy/diagrams/entitiesAws18CostManagement'

<AwsBudgets/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_BUDGETS } from '@dinghy/diagrams/entitiesAws18CostManagement'

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

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

AWS Cost and Usage Report

Preview

Usage

import { AwsCostAndUsageReport } from '@dinghy/diagrams/entitiesAws18CostManagement'

<AwsCostAndUsageReport/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_COST_AND_USAGE_REPORT } from '@dinghy/diagrams/entitiesAws18CostManagement'

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

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

AWS Cost Explorer

Preview

Usage

import { AwsCostExplorer } from '@dinghy/diagrams/entitiesAws18CostManagement'

<AwsCostExplorer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_COST_EXPLORER } from '@dinghy/diagrams/entitiesAws18CostManagement'

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

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

Reserved Instance Reporting

Preview

Usage

import { ReservedInstanceReporting } from '@dinghy/diagrams/entitiesAws18CostManagement'

<ReservedInstanceReporting/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RESERVED_INSTANCE_REPORTING } from '@dinghy/diagrams/entitiesAws18CostManagement'

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

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