vue-bootstrap-cookie-law

🍪 👮 Vue Cookie Law

EU Cookie Law Plugin for Vue.js - Originally written by Jakub Juszczak jakub@posteo.de

🔧 Install

yarn add vue-bootstrap-cookie-law

👈 Usage

<template>
  <footer>
    <cookie-law theme="white-transparent"></cookie-law>
  </footer>
</template>

<script>
  import CookieLaw from 'vue-bootstrap-cookie-law'
  export default {
    components: { CookieLaw }
  }
</script>

Slots

You can also pass in the message into a named slot. This way you can for example add <router-link> and other dynamic content.

<cookie-law>
  <div slot="message">
    <p>Here is my message for more info <router-link to="legal-notes">Click here</router-link></p>
  </div>
</cookie-law>

Props

Events

The default button will emit an accept event you can listen on if the user clicks the button.

<cookie-law v-on:accept="ThankYouMethod()"/>

💅 Themes

Custom Themes

You can easy create your own themes. The classes that need to be styled are:

• .cookie for the container
• .cookie-content for the content with message
• .cookie-button for the button

And then pass your theme name to the component.

:copyright: License

MIT