Aws18 Cost Management Entities
AWS Budgets
- Preview
- Usage
- Definition
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)}
/>
{
_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
- Definition
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)}
/>
{
_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
- Definition

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)}
/>
{
_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
- Definition
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)}
/>
{
_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,
}