VlocityDCOfferInputConfig

Example

Sample Usage -

Include the component in your template simply by adding vlocity-dc-media-viewer custom tag

<vlocity-dc-offer-input-config .label="${"Custom label"}" .value="${offerQuantity}"></vlocity-dc-offer-input-config>

| Attribute Name    | Type Expected                          | Required                    |
|-------------------|----------------------------------------|-----------------------------|
| label             | It expects a string value.             | optional                    |
| value             | It expects a string value.             | optional(default value = 1) |

--------------------------------------------------------------------------------------------------------------------------------------
 KEY INFO -

 events fired :
               | Event Name                       | Description                                  |
               |----------------------------------|----------------------------------------------|
               | vlocity-dc-configure-offer       | Event triggered when input value is changed  |

 events registered : none

 Dependency - vlocity-dc-offer-input-config is an independent component and has no dependency on parent component.

               | Parent Component | Expected Child Component  |
               |------------------|---------------------------|
               | none             | none                      |
Sample with slots -

<vlocity-dc-offer-input-config>
   <span slot="{slot_name}">
     Custom HTML elements goes here
   </span>
</vlocity-dc-offer-input-config>

List of available slots -

| Slot names                    | Dynamic     | Description                 | Impact                |
|-------------------------------|-------------|-----------------------------------------------------|
| dc-offer-input-config-wrapper | -           | Wrapper for component       | Replaces template DOM |
| dc-input-message              | -           | Message for input box       | Adds DOM              |