<div class="rtds-grid rtds-gap-4 md:rtds-gap-6">
<div class="rtds-grid rtds-gap-2">
<h2 class="rtds-heading-3">
Filtri
</h2>
</div>
<div>
<fieldset class="rtds-facets">
<div class="rtds-grid rtds-py-6 rtds-gap-4 md:rtds-gap-6">
<legend class="rtds-facets__legend">
<button type="button" class="rtds-facets__toggle rtds-group/facet" aria-expanded="true" aria-controls="facet-section-0" id="facet-id-0">
Nome faccetta
<svg class="rtds-icon rtds-fill-current rtds-w-6 rtds-h-6 rtds-transition-transform rtds-duration-300 group-aria-expanded/facet:-rtds-rotate-180" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-down" />
</svg>
</button>
</legend>
<div class="rtds-facets__content rtds-space-y-2 has-show-more" id="facet-section-0" role="region" aria-labelledby="facet-id-0">
<ul class="rtds-facets__list rtds-space-y-2">
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-1" name="checkbox-facet-section-0-1" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-1">
<span class="rtds-facets__item-name">Filtro 1</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-2" name="checkbox-facet-section-0-2" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-2">
<span class="rtds-facets__item-name">Filtro 2</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-3" name="checkbox-facet-section-0-3" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-3">
<span class="rtds-facets__item-name">Filtro 3</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-4" name="checkbox-facet-section-0-4" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-4">
<span class="rtds-facets__item-name">Filtro 4</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-5" name="checkbox-facet-section-0-5" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-5">
<span class="rtds-facets__item-name">Filtro 5</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-6" name="checkbox-facet-section-0-6" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-6">
<span class="rtds-facets__item-name">Filtro 6</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-7" name="checkbox-facet-section-0-7" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-7">
<span class="rtds-facets__item-name">Filtro 7</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-8" name="checkbox-facet-section-0-8" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-8">
<span class="rtds-facets__item-name">Filtro 8</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-0-9" name="checkbox-facet-section-0-9" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-0-9">
<span class="rtds-facets__item-name">Filtro 9</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
</ul>
<button type="button" class="rtds-w-full rtds-btn rtds-btn--s rtds-btn--inverted rtds-btn--icon-right rtds-group/button rtds-justify-center rtds-btn--show-more rtds-facets__show-more" aria-expanded="false">
<span class="rtds-sr-only">Nome faccetta</span>
<span class="rtds-btn__label-show">
Mostra altri
</span>
<span class="rtds-btn__label-hide rtds-hidden">Mostra meno</span>
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 group-aria-expanded/button:-rtds-rotate-180 rtds-icon rtds-fill-current rtds-transition-all rtds-duration-200 rtds-ease-out rtds-transform group-hover/button:rtds-scale-200" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-down" />
</svg>
</button>
</div>
</div>
</fieldset>
<fieldset class="rtds-facets">
<div class="rtds-grid rtds-py-6 rtds-gap-4 md:rtds-gap-6">
<legend class="rtds-facets__legend">
<button type="button" class="rtds-facets__toggle rtds-group/facet" aria-expanded="true" aria-controls="facet-section-1" id="facet-id-1">
Nome faccetta
<svg class="rtds-icon rtds-fill-current rtds-w-6 rtds-h-6 rtds-transition-transform rtds-duration-300 group-aria-expanded/facet:-rtds-rotate-180" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-down" />
</svg>
</button>
</legend>
<div class="rtds-facets__content rtds-space-y-2 has-show-more" id="facet-section-1" role="region" aria-labelledby="facet-id-1">
<ul class="rtds-facets__list rtds-space-y-2">
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-1" name="checkbox-facet-section-1-1" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-1">
<span class="rtds-facets__item-name">Filtro 1</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-2" name="checkbox-facet-section-1-2" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-2">
<span class="rtds-facets__item-name">Filtro 2</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-3" name="checkbox-facet-section-1-3" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-3">
<span class="rtds-facets__item-name">Filtro 3</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-4" name="checkbox-facet-section-1-4" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-4">
<span class="rtds-facets__item-name">Filtro 4</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-5" name="checkbox-facet-section-1-5" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-5">
<span class="rtds-facets__item-name">Filtro 5</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-6" name="checkbox-facet-section-1-6" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-6">
<span class="rtds-facets__item-name">Filtro 6</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-7" name="checkbox-facet-section-1-7" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-7">
<span class="rtds-facets__item-name">Filtro 7</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-8" name="checkbox-facet-section-1-8" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-8">
<span class="rtds-facets__item-name">Filtro 8</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-1-9" name="checkbox-facet-section-1-9" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-1-9">
<span class="rtds-facets__item-name">Filtro 9</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
</ul>
<button type="button" class="rtds-w-full rtds-btn rtds-btn--s rtds-btn--inverted rtds-btn--icon-right rtds-group/button rtds-justify-center rtds-btn--show-more rtds-facets__show-more" aria-expanded="false">
<span class="rtds-sr-only">Nome faccetta</span>
<span class="rtds-btn__label-show">
Mostra altri
</span>
<span class="rtds-btn__label-hide rtds-hidden">Mostra meno</span>
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 group-aria-expanded/button:-rtds-rotate-180 rtds-icon rtds-fill-current rtds-transition-all rtds-duration-200 rtds-ease-out rtds-transform group-hover/button:rtds-scale-200" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-down" />
</svg>
</button>
</div>
</div>
</fieldset>
<fieldset class="rtds-facets">
<div class="rtds-grid rtds-py-6 rtds-gap-4 md:rtds-gap-6">
<legend class="rtds-facets__legend">
<button type="button" class="rtds-facets__toggle rtds-group/facet" aria-expanded="true" aria-controls="facet-section-2" id="facet-id-2">
Nome faccetta
<svg class="rtds-icon rtds-fill-current rtds-w-6 rtds-h-6 rtds-transition-transform rtds-duration-300 group-aria-expanded/facet:-rtds-rotate-180" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-down" />
</svg>
</button>
</legend>
<div class="rtds-facets__content rtds-space-y-2 has-show-more" id="facet-section-2" role="region" aria-labelledby="facet-id-2">
<ul class="rtds-facets__list rtds-space-y-2">
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-1" name="checkbox-facet-section-2-1" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-1">
<span class="rtds-facets__item-name">Filtro 1</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-2" name="checkbox-facet-section-2-2" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-2">
<span class="rtds-facets__item-name">Filtro 2</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-3" name="checkbox-facet-section-2-3" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-3">
<span class="rtds-facets__item-name">Filtro 3</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-4" name="checkbox-facet-section-2-4" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-4">
<span class="rtds-facets__item-name">Filtro 4</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-5" name="checkbox-facet-section-2-5" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-5">
<span class="rtds-facets__item-name">Filtro 5</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-6" name="checkbox-facet-section-2-6" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-6">
<span class="rtds-facets__item-name">Filtro 6</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-7" name="checkbox-facet-section-2-7" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-7">
<span class="rtds-facets__item-name">Filtro 7</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-8" name="checkbox-facet-section-2-8" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-8">
<span class="rtds-facets__item-name">Filtro 8</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
<li class="rtds-facets__item is-hideable rtds-hidden">
<div class="rtds-input rtds-input-field rtds-input-checkbox">
<div class="rtds-flex rtds-gap-2 rtds-items-center">
<input id="checkbox-facet-section-2-9" name="checkbox-facet-section-2-9" class=" " type="checkbox">
<label class="rtds-input-checkbox__label rtds-facets__label" for="checkbox-facet-section-2-9">
<span class="rtds-facets__item-name">Filtro 9</span> <span class="rtds-facets__item-count">44<span class="rtds-sr-only"> risultati</span></span>
</label>
</div>
</div>
</li>
</ul>
<button type="button" class="rtds-w-full rtds-btn rtds-btn--s rtds-btn--inverted rtds-btn--icon-right rtds-group/button rtds-justify-center rtds-btn--show-more rtds-facets__show-more" aria-expanded="false">
<span class="rtds-sr-only">Nome faccetta</span>
<span class="rtds-btn__label-show">
Mostra altri
</span>
<span class="rtds-btn__label-hide rtds-hidden">Mostra meno</span>
<svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 group-aria-expanded/button:-rtds-rotate-180 rtds-icon rtds-fill-current rtds-transition-all rtds-duration-200 rtds-ease-out rtds-transform group-hover/button:rtds-scale-200" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-down" />
</svg>
</button>
</div>
</div>
</fieldset>
</div>
</div>
<div class="rtds-grid rtds-gap-4 md:rtds-gap-6">
<div class="rtds-grid rtds-gap-2">
{% if hasFiltersReset %}
<div class="rtds-flex rtds-items-center rtds-gap-2 rtds-border-b rtds-border-gray-01 rtds-pb-2">
{% endif %}
<h2 class="rtds-heading-3">
Filtri
</h2>
{% if hasFiltersReset %}
<div class="rtds-ml-auto">
{% render '@button--only-text', {label: 'Reset filtri'}, true %}
</div>
{% endif %}
</div>
<div>
{% for i in range(0, facetsCount) %}
{% render '@facets',{ toggleId: 'facet-id-' + i, sectionId: 'facet-section-' + i }, true %}
{% endfor %}
</div>
</div>
{
"facetsCount": 3
}
No notes defined.