@ipaat/vue3-tailwind3-cookie-comply

A Vue 3 compatible component to handle cookie consent styled with Tailwind CSS 3.
4,625 8
vue tailwind cookie consent vue-cookie-comply vue3-cookie-comply comply
Install
npm install @ipaat/vue3-tailwind3-cookie-comply
Latest Version:1.1.2
Vue:3
License:MIT
Last Updated:May 12, 2023
Links: GitHub  ·  npm
Maintainer: ipaat

Vue3 Tailwind Cookie Comply 🍪

A Vue 3 compatible component to handle cookie consent styled with Tailwind CSS 3.

License npm npm bundle size

Features

  • 🔹 Small bundle size
  • 🙅‍♂️ No extra external dependencies
  • 🤖 Optionated and customizable data structure for the modal content
  • 👐 Emit events on user actions, so you can use your handlers
  • 📱 Default responsive layout
  • 🗄️ Highly customizable through slots
  • 🚪 Usage of Vue3 Teleport to render the modal anywhere in your app
  • 💅 Looks amazing
  • 🌙 Dark mode from scratch
  • ⚖️ TTDSG, DSGVO & ePrivacy Directive compliant

Heavily inspired by Airbnb's cookie consent UI
and https://github.com/yaiks/vue-cookie-comply

Demo

Check out a demo page using Vue 3, Tailwind CSS 3, Vite and vue3-tailwind3-cookie-comply: DEMO PAGE

Documentation

Check out the documentation page: DOCUMENTATION PAGE

Contributing

Feel free to open an issue with bugs, suggestions for features, enhancements, weird behaviours, questions and more. Also, feel more than welcome to open an PR to fix something you came across or improve the code 🚀

Related Packages

vue-cookie-toggler

GDPR cookies consent modal.

1,707 6
consent cookie vue block categorize gdpr modal
@netipar/consent-vue3

Unstyled Vue 3 composables and components for Laravel Consent

320 0
consent cookie vue composable consent-mode gdpr laravel vue3
vue-if-bot

Hide stuff from bots (especially cookie consents)

31,377 63
consent cookie vue bot component hide plugin user-agent useragent vuejs
tailwind-config-viewer

View your Tailwind CSS config file...visually!

19,524,150 2,211
tailwind tailwindcss
@addf/addf-vue-base-components

https://docs.github.com/en/get-started/writing-on-github/getting-started-with-wr...

2,166 0
tailwind components

Version History

Version Released Vue License
1.1.2 >=3.2.0 MIT
1.1.1 >=3.2.0 MIT
1.1.0 3.x MIT
1.0.3 3.x MIT
1.0.2 3.x MIT