Helper

This helper will show some contact info. Based upon the collapse component.

Default

px

			
				<div class="m-helper m-collapse js-m-collapse">
	<div class="m-helper__button-container m-collapse__header">
		<button class="a-button m-helper__button " aria-label="test">
			<span class="a-button__icon a-button__icon--before icon-chat"></span>
			<span class="a-button__text"></span>
		</button>
		<span class="m-helper__close">
			<i></i>
			<i></i>
		</span>
	</div>
	<div class="m-helper__content m-collapse__content">
		<div class="m-collapse__content__container">
			<ul class="m-list m-list--no-type m-helper__list">
				<li class="m-list__item">
					<a class="a-link icon-question" href="">Bekijk de FAQ</a>
				</li>
				<li class="m-list__item">
					<a class="a-link icon-mail" href="">info@bebat.be</a>
				</li>
				<li class="m-list__item">
					<a class="a-link icon-telephone" href="">0800 97 54 21</a>
				</li>
				<li class="m-list__item">
					<a class="a-link icon-chat-single" href="">Chat met één van onze collega&#39;s</a>
				</li>
			</ul>
		</div>
	</div>
</div>
			

		

Documentation

States

  • is-open

    This will open the helper and show the content.