/vue-cookie-notice

Primary LanguageVue

VueJS Cookie Notice Component

Version 0.0.1

Customizable cookie notice component (VueJS).

Component Installation

  • Install NPM package
npm install vue-cookie-notice --save
  • Import component
import VueCookieNotice from 'vue-cookie-notice';
  • Setup component config e.g.
export default {
    data () {
        return {
            cookieData: {
                cookieName: 'cookie-notice-identifier',
                message: 'This site uses cookies, by continuing you acknowledge that you have read and understand our Cookie Policy, Privacy Policy, and our Terms of Service.',
                style: {
                    background: '#1a75ff',
                    text: '#e0f5ff'
                }
            }
        }
    }
}
  • Add your component to your template and pass the component the config as a prop e.g.
<cookie v-bind:data="cookieData"></cookie>

Future Changes

  • Remove demo and update README.md
  • Add notice position customization.
  • Add notice transparency customization.
  • Remove demo from NPM package & link codepen or alternative demo.