Cookie-banner

The cookie banner component is always displayed fixed, at the bottom of the page. It consists of a title, a content block and a close button.

Default


    
      

  

<div class="o-cookie-banner ">
  <div class="l-container">
    <div class="o-cookie-banner__container">
      <div class="o-cookie-banner__content">
        <h3 class="o-cookie-banner__title">Cookies</h3>

        

<p>
  Wij plaatsen noodzakelijke cookies zodat u veilig in kunt loggen en
  gebruik kunt maken van uw online bankomgeving. Ook plaatsen we een
  noodzakelijke cookie om te voorkomen dat wij u bij een volgend
  websitebezoek deze banner opnieuw tonen. Meer informatie vindt u in
  onze <a href="#">Cookie Policy</a>.
</p>


      </div>

      <div class="o-cookie-banner__actions">
        

<a
  class="a-icon-button icon-cross a-icon-button--inverted "
  href=""
  
></a>


      </div>
    </div>
  </div>
</div>




    

  

States

  • .is-hidden

    State class used for hidding the cookie banner.