<div class="filter-multi-select">
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="filter-new" type="checkbox" name="filter-new" value="selected" />
<label class="checkbox__label" for="filter-new">
<span>Neu
</span>
</label>
</div>
</div>
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="filter-bestseller" type="checkbox" name="filter-bestseller" value="selected" checked />
<label class="checkbox__label" for="filter-bestseller">
<span>Bestseller
</span>
</label>
</div>
</div>
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="filter-discount" type="checkbox" name="filter-discount" value="selected" />
<label class="checkbox__label" for="filter-discount">
<span>Reduziert
</span>
</label>
</div>
</div>
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="filter-available-soon" type="checkbox" name="filter-available-soon" value="selected" />
<label class="checkbox__label" for="filter-available-soon">
<span>Demnächst verfügbar
</span>
</label>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-product-listing/components/filters/filter-multi-select/filter-multi-select.twig' %}
{
"options": [
{
"variant": "light",
"id": "filter-new",
"name": "filter-new",
"label": "Neu",
"value": "selected",
"required": false,
"disabled": false,
"checked": false,
"error": "",
"helper": ""
},
{
"variant": "light",
"id": "filter-bestseller",
"name": "filter-bestseller",
"label": "Bestseller",
"value": "selected",
"required": false,
"disabled": false,
"checked": true,
"error": "",
"helper": ""
},
{
"variant": "light",
"id": "filter-discount",
"name": "filter-discount",
"label": "Reduziert",
"value": "selected",
"required": false,
"disabled": false,
"checked": false,
"error": "",
"helper": ""
},
{
"variant": "light",
"id": "filter-available-soon",
"name": "filter-available-soon",
"label": "Demnächst verfügbar",
"value": "selected",
"required": false,
"disabled": false,
"checked": false,
"error": "",
"helper": ""
}
]
}
import './filter-multi-select.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-product-listing/components/filters/filter-multi-select/filter-multi-select";
No notes defined.