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="o-cookie-bar is-open ">
	<div class="l-container">
		<p class="o-cookie-bar__text">
			<span class="u-mobile-hide">Welkom op de website van Bebat. Deze website
				maakt gebruik van cookies om uw gebruikservaring te verbeteren en te optimaliseren.</span>
			Door op ok te klikken ga je akkoord met <a href="" class="a-link a-link--inline a-link--inverted">ons cookiebeleid</a></p>
		<button class="a-button a-button--inverted o-cookie-bar__button ">
			<span class="a-button__text">Accepteer cookies</span>
		</button>
	</div>
</div>
			

		

Documentation

States

  • is-open

    Displays the cookie bar