<div class="quantity-switcher--dark">
<button type="button" class="quantity-switcher__minus" disabled>
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-1797802241" min="1" max="99" name="qty" value="5" disabled data-test="Yes" />
<label class="visually-hidden" for="quantity-1797802241">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus" disabled>
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/quantity-switcher/quantity-switcher.twig' %}
{
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": false,
"disabled": true,
"autocomplete": "",
"attributes": {
"data-test": "Yes"
}
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
},
"variant": "dark"
}
import QuantitySwitcherMediator, {name as title} from 'cando-cx-components-library/components/modules/shared/components/form-components/quantity-switcher/quantity-switcher-mediator';
export default QuantitySwitcherMediator;
export const name = title;
import QuantitySwitcherTooltip, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/quantity-switcher/quantity-switcher-tooltip';
export default QuantitySwitcherTooltip;
export const selector = sel;
import './quantity-switcher.scss';
import QuantitySwitcher, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/quantity-switcher/quantity-switcher';
export default QuantitySwitcher;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/quantity-switcher/quantity-switcher";
No notes defined.