Cookie Consent

A GDPR-compliant cookie consent banner for Laravel applications. Shows a dismissible notice about cookie usage. Works with Livewire and Vue 3.

Installation

composer require mrshanebarron/cookie-consent

Livewire Usage

Basic Usage

<livewire:sb-cookie-consent />

Custom Message

<livewire:sb-cookie-consent
    message="We use cookies to improve your experience."
    accept-text="Accept"
    decline-text="Decline"
/>

With Privacy Link

<livewire:sb-cookie-consent
    message="We use cookies. See our privacy policy."
    privacy-url="/privacy"
/>

Position

<livewire:sb-cookie-consent position="bottom" />
<livewire:sb-cookie-consent position="top" />

Livewire Props

Vue 3 Usage

Setup

import { SbCookieConsent } from './vendor/sb-cookie-consent';
app.component('SbCookieConsent', SbCookieConsent);

Basic Usage

<template>
  <SbCookieConsent />
</template>

Custom Configuration

<template>
  <SbCookieConsent
    message="We use cookies to enhance your browsing experience and analyze site traffic."
    accept-text="I Understand"
    decline-text="No Thanks"
    privacy-url="/privacy-policy"
    position="bottom"
  />
</template>

With Callback

<template>
  <SbCookieConsent
    @accept="onAccept"
    @decline="onDecline"
  />
</template>

<script setup>
const onAccept = () => {
  // Enable analytics, etc.
  console.log('Cookies accepted');
};

const onDecline = () => {
  // Disable non-essential cookies
  console.log('Cookies declined');
};
</script>

Vue Props

Events

Features

• Persistent: Remembers user choice in localStorage
• GDPR Friendly: Accept and decline options
• Privacy Link: Optional link to privacy policy
• Positions: Top or bottom of screen
• Auto-hide: Disappears after user choice

Storage

User preference is stored in localStorage:

• Key: cookie-consent
• Values: 'accepted' or 'declined'

Styling

Uses Tailwind CSS:

• Fixed position banner
• Dark background
• White text
• Primary color accept button
• Secondary decline button

Requirements

• PHP 8.1+
• Laravel 10, 11, or 12
• Tailwind CSS 3.x

License

MIT License