<div class="filter-multi-number-range">
<div class="text-field-range--light">
<div class="text-field-range__container">
<div class="text-field--light text-field-placeholder--light is-initialized">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="text-field-range-from" type="number" name="text-field-range-from" required autocomplete="on" placeholder="ab *" />
<label class="visually-hidden" for="text-field-range-from">ab
*
</label>
</div>
</div>
<div class="text-field--light text-field-placeholder--light is-initialized">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="text-field-range-to" type="number" name="text-field-range-to" required autocomplete="on" placeholder="bis *" />
<label class="visually-hidden" for="text-field-range-to">bis
*
</label>
</div>
</div>
</div>
</div> <button class="button--primary-small" type="button">Ok</button>
</div>
{% include '@SharedComponents/modules/b2b-product-listing/components/filters/filter-multi-number-range/filter-multi-number-range.twig' %}
{
"range": {
"variant": "light",
"from": {
"variant": "light",
"id": "text-field-range-from",
"name": "text-field-range-from",
"label": "ab",
"required": true,
"value": "",
"disabled": false,
"type": "number",
"autocomplete": "false",
"error": "",
"helper": ""
},
"to": {
"variant": "light",
"id": "text-field-range-to",
"name": "text-field-range-to",
"label": "bis",
"required": true,
"value": "",
"disabled": false,
"type": "number",
"autocomplete": "false"
}
},
"button": {
"variant": "primary-small",
"type": "button",
"role": "button",
"title": "Ok",
"disabled": false
}
}
import './filter-multi-number-range.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-product-listing/components/filters/filter-multi-number-range/filter-multi-number-range";
No notes defined.