Cookie bar

The cookiebar is displayed at the bottom of the page as a fixed component.

Default

px 

			
				<div class="o-cookie-bar ">
	<div class="o-cookie-bar__content">
		<small class="o-cookie-bar__text">We gebruiken cookies om inhoud en advertenties op uw interesses af te
			stemmen, socialmediafunctionaliteit te bieden en ons verkeer te analyseren.
			U kunt uw voorkeuren kiezen in Cookie-instellingen. Door gebruik te maken
			van deze website, accepteert u het gebruik van cookies.</small>
	</div>
	<div class="o-cookie-bar__actions">
		<button class="a-button o-cookie-bar__button ">
			<span class="a-button__icon icon-checkmark"></span>
			<span class="a-button__text">Cookies accepteren</span>
		</button>
		<a class="a-link a-link--decorated o-cookie-bar__link undefined " href="#">
			<span class="a-link__text">Cookie instellingen</span>
		</a>
		<button class="a-icon-button a-icon-button--animated o-cookie-bar__close ">
			<span class="a-icon-button__icon icon-cancel"></span>
		</button>
	</div>
</div>

Documentation

States

  • is-closed

    Indicate that the cookie-bar is no longer visible to the user. It will animatie to the bottom of the viewport because of its fixed position. Apply this modifier if the user has approved or closed the cookie-bar.