Cookie bar

Component where the user can accept the cookie settings of the website. It is displayed at the bottom on desktop screens and on top on mobile screens.

Default

px

			
				<div class="c-cookie-bar is-open js-cookie-bar ">
	<div class="l-container">
		<p class="c-cookie-bar__text">
			<span class="u-hide@below-viewport-4">Welkom op de website van Euraknos. Deze website maakt gebruik van
				cookies om uw gebruikservaring te verbeteren en te optimaliseren.</span>
			<span>Door op ok te klikken ga je akkoord met</span>
			<a class="c-link " href="#">
				<span class="c-link__text">ons cookiebeleid</span>
			</a>
		</p>
		<button class="c-button c-cookie-bar__button ">
			<span class="c-button__text">Accepteer cookies</span>
		</button>
	</div>
</div>
			

		

Documentation

States

  • is-open

    Displays the cookie bar