Filter

Component based upon the collapse to use as filter. Used on the map page to filter the map by specific criteria.

Default

px

			
				<div class="m-filter m-collapse js-m-collapse ">
	<div class="m-collapse__header m-filter__header">
		<h6>filter menu</h6>
	</div>
	<div class="m-collapse__content m-filter__content">
		<div class="m-collapse__content__container m-filter__content__container">
			<div class="a-check m-filter__item">
				<label class="a-check__container">
					<input class="a-check__input" type="checkbox" name="checkbox-styleguide-example" value="Checkbox" />
					<span class="a-check__holder"></span>
					<p class="a-check__text">Checkbox</p>
				</label>
			</div>
			<div class="a-check m-filter__item">
				<label class="a-check__container">
					<input class="a-check__input" type="checkbox" name="checkbox-styleguide-example" value="Checkbox" />
					<span class="a-check__holder"></span>
					<p class="a-check__text">Checkbox</p>
				</label>
			</div>
			<div class="a-check m-filter__item">
				<label class="a-check__container">
					<input class="a-check__input" type="checkbox" name="checkbox-styleguide-example" value="Checkbox" />
					<span class="a-check__holder"></span>
					<p class="a-check__text">Checkbox</p>
				</label>
			</div>
		</div>
	</div>
</div>
			

		

Documentation

States

  • is-open

    This will show the content