DCOffersListView

Example

Sample Usage -

Include the component in your template simply by adding c-dc-offer-list-view custom tag

<c-dc-offer-list-view offers={offerList}></c-dc-offer-list-view>

| Attribute Name    | Type Expected                                                                   | Required |
|-------------------|---------------------------------------------------------------------------------|----------|
| offers            | An object which contains a list of all the offers                               | Required |


 KEY INFO -

 events fired : 
               | Event Name                             | Description                                                        |
               |----------------------------------------|--------------------------------------------------------------------| 
               | vlocity-dc-offer-selected              | Event triggered on selecting an offer                              |

 events registered : "none"

 Dependency - c-dc-offer-list-view is a component used to render list view of offer list and is commonly used as a child of c-dc-offer-list
 but can also be used as an independent component

               | Parent Component        | Expected Children Components           |
               |-------------------------|----------------------------------------|
               | c-dc-offer-list         | c-dc-offer-list-view-image             |
               |                         | c-dc-offer-list-view-price             | 
               |                         | c-dc-offer-list-view-attribute         |

Sample with slots -

<c-dc-offer-list-view>
   <span slot="{slot_name}">
     Custom HTML elements goes here
   </span>
</c-dc-offer-list-view>

List of available slots -

| Slot names                 | Dynamic     | Description                 | Impact               |
|----------------------------|-------------|----------------------------------------------------|
| dc-wrapper                 | -           | Wrapper for template        | Replaces DOM         |
| dc-offer-title-container   | -           | Offer title                 | Replaces DOM         |