X Enterprises
nuxt-x-marketing

PrivacyCookieToast

Lightweight cookie notice delivered via Nuxt UI toast with Accept and Decline actions, persisted to localStorage.

PrivacyCookieToast

A zero-template component. On mount it checks localStorage for prior consent; if none is found it enqueues a Nuxt UI toast with Accept and Decline buttons. This is the least intrusive consent option — no persistent banner element in the DOM.

Components

<XMarkPrivacyCookieToast />

A zero-template component. On mount it checks localStorage for prior consent; if none is found it enqueues a Nuxt UI toast with Accept and Decline buttons. This is the least intrusive consent option — no persistent banner element in the DOM.

<!-- Place once in app.vue or a layout file -->
<XMarkPrivacyCookieToast />

This component accepts no props. Consent is stored under the key 'gdpr-cookies-accepted' in localStorage.


AI Context

category: Privacy
package: "@xenterprises/nuxt-x-marketing"
components:
  - XMarkPrivacyCookieToast
use-when: >
  Implementing the least intrusive cookie consent option. Delivers a toast
  notification with Accept/Decline actions rather than a persistent banner.
  Use XMarkPrivacyCookieBanner for a more prominent notice.
typical-page-section: Place in app.vue or a layout file so it appears on every page.
Copyright © 2026