VlocityDCOfferListViewAttribute

Example

Sample Usage -

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

<vlocity-dc-offer-list-view-attribute .attributeCategories="atttributes"></vlocity-dc-offer-list-view-attribute>

| Attribute Name      | Type Expected                                                                   | Required |
|---------------------|---------------------------------------------------------------------------------|----------|
| attributeCategories | An object which contains a list of the all the offer attributes.              | Required |

 KEY INFO -

 events fired : "none"

 events registered : "none"

 Dependency - vlocity-dc-offer-list-view-attribute is a component used for rendering all the offer attributes in offer list.
 It is commonly used as a child component for vlocity-dc-offer-list-view and vlocity-dc-offer-grid-view, but can also be
 used as an independent component

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

Sample with slots -

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

List of available slots -

| Slot names                      | Dynamic     | Description                  | Impact               |
|---------------------------------|-------------|------------------------------|----------------------|
| dc-list-view-attribute          | -           | Wrapper for template         | Replaces DOM         |
| dc-offer-list-radio-attribute   | -           | Wrapper for radio attribute  | Replaces DOM         |
| dc-offer-list-config-attribute  | -           | wrapper for config attribute | Replaces DOM         |
| dc-product-list-text-attribute  | -           | wrapper for text attribute   | Replaces DOM         |