Filters

I find the lack of documentation... disturbing 😏, don't you?

Default empty


			
				<div class="c-filters c-filters--empty ">
	<span class="c-filters__results"></span>
</div>
			

		

Default

4 zoekresultaten voor "Antwerpen"
Sorteer op

			
				<div class="c-filters ">
	<span class="c-filters__results">
		4 zoekresultaten voor <span class="is-highlighted">"Antwerpen"</span>
	</span>
	<div class="c-filters__options">
		<span class="c-filters__options-label">Sorteer op</span>
		<div class="c-input  c-input--select c-filters__options-select">
			<div class="c-input__wrapper
			">
				<select class="c-input__select" id="atoms-input-select-1" name="atoms-input-select-1">
					<option class="c-input__select-option" value="">
						Relevance
					</option>
					<option class="c-input__select-option" value="">
						a - z
					</option>
					<option class="c-input__select-option" value="">
						z - a
					</option>
				</select>
				<div class="c-icon c-input__icon">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
						<path d="M0,7.9l3-3l9,9l9-9l3,3L13.5,18.4c-0.4,0.4-0.9,0.6-1.5,0.6c-0.6,0-1.1-0.2-1.5-0.6L0,7.9z" />
					</svg>
				</div>
			</div>
		</div>
	</div>
</div>