DCOfferListViewImage

Example

Sample Usage -

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

<c-dc-offer-list-view-image offer-attachments={attachmentsObject} grid-view=true>
</c-dc-offer-list-view-image>

               | Attribute Name      | Type Expected                                                                   | Required |
               |---------------------|---------------------------------------------------------------------------------|----------|
               | offerAttachments    | An object which contains a list of the all the image attachments.               | Required |
               | gridView            | A boolean value which indicates whether gridview or listview.                   | Required |

 KEY INFO -

 events fired : "none"

 events registered : "none"

 Dependency - c-dc-offer-list-view-image is a component used for rendering offer image in offer list.
 It is commonly used as a child component for c-dc-offer-list-view and c-dc-offer-grid-view but it can also be used as an independent component.

               | Parent Component             | Expected Child Component                 |
               |------------------------------|------------------------------------------|
               | c-dc-offer-list-view         | none                                     |
               | c-dc-offer-grid-view         |                                          |

Sample with slots -

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

List of available slots -

| Slot names                      | Dynamic     | Description                  | Impact               |
|---------------------------------|-------------|------------------------------|----------------------|
| dc-offer-image-wrapper          | -           | Wrapper for template         | Replaces DOM         |