DCOfferInputConfig

Example

Sample Usage -

Include the component in your template simply by adding c-dc-offer-input-config HTML tag

<c-dc-offer-input-config value={offer.quantity} label={"Custom label"} ></c-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)            |
| placeholderText   | It expects a string value.                       | optional (default value = empty string) |

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

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

 events registered : none

 Dependency - c-dc-offer-input-config is an independent component but is commonly used as a child component of c-dc-offer-config-details.

               | Parent Component          | Child Components |
               |---------------------------|------------------|
               | c-dc-offer-config-details | none             |

Sample with slots -

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

List of available slots -

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