Skip to content

Wruczek/Bootstrap-Cookie-Alert

gh-pages
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

Bootstrap-Cookie-Alert

A simple cookie alert for Bootstrap 5 and 4. No dependencies required.

Demo with Bootstrap 5Demo with Bootstrap 4

I unfortunately don't remember 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.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.css">

2. Add the html markup:

<!-- START Bootstrap-Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
    <b>Do you like cookies?</b> &#x1F36A; We use cookies to ensure you get the best experience on our website. <a href="https://cookiesandyou.com/" target="_blank">Learn more</a>

    <button type="button" class="btn btn-primary btn-sm acceptcookies">
        I agree
    </button>
</div>
<!-- END Bootstrap-Cookie-Alert -->

3. Include the JavaScript after the html markup

<script src="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.js"></script>

Take a look at demo-bs5.html for a working example

Accept event

If you need to, you can listen for the cookieAlertAccept event to get notified when the user accepts the cookies.

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

About

A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published