updateFocusState('min', true)"
@blur="() => updateFocusState('min', false)"
x-bind:style="'z-index: ' + minZindex"
x-model="minprice"
class="absolute pointer-events-none appearance-none h-2 w-full opacity-0 cursor-pointer"
aria-label="Minimale prijswaarde, gebruik de linker- en rechterpijl om aan te passen."
/>
updateFocusState('max', true)"
@blur="() => updateFocusState('max', false)"
x-bind:style="'z-index: ' + maxZindex"
x-model="maxprice"
class="absolute pointer-events-none appearance-none h-2 w-full opacity-0 cursor-pointer"
aria-label="Maximale prijswaarde, gebruik de linker- en rechterpijl om aan te passen."
/>
Minimumwaarde
updateFocusState('min', true)"
@blur="() => { updateFocusState('min', false); mintrigger(); }"
x-bind:style="'z-index: ' + minZindex"
x-model="minprice"
class="pl-6 py-2.5 h-full max-h-[48px] min-h-[48px] border-neutral-300 rounded-md text-center pr-6 text-14 w-full"
aria-label="Minimale prijswaarde, gebruik de linker- en rechterpijl om aan te passen."
/>
Maximumwaarde
updateFocusState('max', true)"
@blur="() => { updateFocusState('max', false); maxtrigger(); }"
x-bind:style="'z-index: ' + maxZindex"
x-model="maxprice"
class="pl-6 py-2.5 h-full max-h-[48px] min-h-[48px] border-neutral-300 rounded-md w-full text-center pr-6 text-14"
aria-label="Maximale prijswaarde, gebruik de linker- en rechterpijl om aan te passen."
/>
Navigeren door de elementen van de carrousel is mogelijk met de tabtoets. Je kunt de carrousel overslaan of direct naar de carrouselnavigatie gaan via de skiplinks.
Druk om de carrousel over te slaan