# \<ix-pricing>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation

```bash
npm i @digital-realty/ix-pricing
```

## Usage

```html
<script type="module">
  import '@digital-realty/ix-pricing';
</script>

<ix-pricing></ix-pricing>
```
### In React
```html
<script type="module">
  import { IxPricing } from '@digital-realty/ix-pricing/IxPricing'
</script>
```

## Demo and Documentation

Full documentation and demo are available at [DLR Component Gallery](https://inxn-p1-uicomponentgallery.azurewebsites.net/?path=/story/inxn-ix-pricing--default).

## Expected data format

Input data passed to the component in the 'products' property should be an array of product items.

Example format: (also see stories/princingData/productsGBP.json etc for example/test data)

[
  {
    account_number: 'A0087994',
    product: {
      id: '503233',
      bandwidth: {
        unit: 'Mbps',
        value: 1000,
      },
      connectivity_type: 'CloudAccess',
      name: 'Cloud Connect : Cloud Access - 1GE User Port - No Restriction',
      network_area_type: 'Metro',
    },
    price_list: [
      {
        amount: {
          unit: 'EUR',
          value: 0.0,
        },
        frequency: 'Monthly',
        type: 'ServiceFee',
      },
      {
        amount: {
          unit: 'EUR',
          value: 0.0,
        },
        frequency: 'OneTime',
        type: 'SetUp',
      },
    ],
  },
]