Aws Cloud Financial Management Entities
Application Cost Profiler
- Preview
- Usage
- Definition
import { ApplicationCostProfiler } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<ApplicationCostProfiler/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_COST_PROFILER } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_COST_PROFILER)}
/>
{
_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=#7AA116;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_cost_profiler;',
},
_original_width: 78,
_original_height: 78,
}
Billing Conductor
- Preview
- Usage
- Definition
import { BillingConductor } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<BillingConductor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BILLING_CONDUCTOR } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, BILLING_CONDUCTOR)}
/>
{
_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=#7AA116;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.custom_billing_manager;',
},
_original_width: 78,
_original_height: 78,
}
Budgets
- Preview
- Usage
- Definition
import { Budgets } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Budgets/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BUDGETS } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, BUDGETS)}
/>
{
_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=#7AA116;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.budgets_2;',
},
_original_width: 78,
_original_height: 78,
}
Cost & Usage Report
- Preview
- Usage
- Definition
import { CostUsageReport } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<CostUsageReport/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COST_USAGE_REPORT } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, COST_USAGE_REPORT)}
/>
{
_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=#7AA116;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.cost_and_usage_report;',
},
_original_width: 78,
_original_height: 78,
}
Cost Explorer
- Preview
- Usage
- Definition
import { CostExplorer } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<CostExplorer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COST_EXPLORER } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, COST_EXPLORER)}
/>
{
_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=#7AA116;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.cost_explorer;',
},
_original_width: 78,
_original_height: 78,
}
Cost Management
- Preview
- Usage
- Definition
import { CostManagement } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<CostManagement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COST_MANAGEMENT } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, COST_MANAGEMENT)}
/>
{
_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=#7AA116;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.cost_management;',
},
_original_width: 78,
_original_height: 78,
}
Reserved Instance Reporting
- Preview
- Usage
- Definition
import { ReservedInstanceReporting } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<ReservedInstanceReporting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RESERVED_INSTANCE_REPORTING } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, RESERVED_INSTANCE_REPORTING)}
/>
{
_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=#7AA116;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.reserved_instance_reporting;',
},
_original_width: 78,
_original_height: 78,
}
Savings Plans
- Preview
- Usage
- Definition
import { SavingsPlans } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<SavingsPlans/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAVINGS_PLANS } from '@dinghy/diagrams/entitiesAwsCloudFinancialManagement'
<Shape
{...props}
_style={extendStyle(props, SAVINGS_PLANS)}
/>
{
_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=#7AA116;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.savings_plans;',
},
_original_width: 78,
_original_height: 78,
}