Bootstrap-Cookie-Alert

A simple, good looking cookie alert for Bootstrap. No dependencies required.
We recommend using Bootstrap 4, but Boostrap 3 should work fine as well.

Demo (with Bootstrap 4)

I unfortunately dont remeber the source of the cubes pattern :( If someone know, please email me or create an issue. I would love to credit the author.

npm package

npm i bootstrap-cookie-alert

How to use

1. In the

head

of your document, include

cookiealert.css

after Bootstrap.

2. Add the html markup:

    Do you like cookies? 🍪 We use cookies to ensure you get the best experience on our website. Learn more

<button type="button" class="btn btn-primary btn-sm acceptcookies">
    I agree
</button>

3. Include the JavaScript after the html markup

Take a look at

demo.html

for a working example

Accept event

If you need to, you can listen for the

cookieAlertAccept

window.addEventListener("cookieAlertAccept", function() {
    alert("cookies accepted")
})