This webcomponent follows the open-wc recommendation.
npm i @digital-realty/ix-pricing
<script type="module">
import '@digital-realty/ix-pricing';
</script>
<ix-pricing></ix-pricing>
<script type="module">
import { IxPricing } from '@digital-realty/ix-pricing/IxPricing'
</script>
Full documentation and demo are available at DLR Component Gallery.
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', }, ], }, ]