Product Shipping Time¶
This webcomponent is responsible for rendering an indicator of the shipping time of the product and is commonly used within the product card. It listens to all the changes being made across the application and automatically updates the component.
Child of the Product Shipping Time¶
product-shipping-time requires you to have a child with data-shipping-time attribute inside. This attribute indicates where exactly the changes should be made in case the shipping time of this specific product updates.
Attributes¶
| Attribute name | Type | Description |
|---|---|---|
| product-id (mandatory) | string | Tell the component which product should it refer to |
Event Bus events¶
This webcomponent listens to the following events with the Event Bus:
Example¶
<product-shipping-time product-id="30">
<span>Delivery time: </span>
<span data-shipping-time>5 days</span>
</product-shipping-time>
Child attributes¶
| Attribute name | Type | Description |
|---|---|---|
| data-shipping-time (mandatory) | string | Tell the component that it should update this particular child |